9种醒目的UI图标 带来出色的用户体验 (醒目的标志有哪些)

本文目录导航：

• 9种醒目的UI图标，带来出色的用户体验
• 1. 线性图标：繁复优雅
• 2. 线面图标：明亮的插画
• 3. 等距图标：平面表现力
• 4. 形象繁复：大胆而有目共睹
• 5. 三维平面：视觉冲击力
• 6. 极简插图：通用与共性化
• 7. 面性图标：价值与美学
• 8. 补充内容的图标：价值与明白性
• 9. 自定义图标：品牌共性的表现
• 什么是用户界面和体验设计？
• 用户体验设计,交互设计,界面(UI)设计都是干什么

9种醒目的UI图标，带来出色的用户体验

在构建出色的用户体验时，精心设计的UI图标起着至关关键的作用。

让咱们探求9种共同的图标格调，它们既能传递复杂概念，又能在视觉上有目共睹。

1. 线性图标：繁复优雅

1-3px的深色线条或单色拼贴，让这些图标繁复而不失明晰。

无论是大型细节丰盛的图标，还是小巧粗劣的元素，灵活成果和兴趣性互动都能优化用户的点击愿望。

务必坚持分歧性，防止视角不一致和比例不平衡。

2. 线面图标：明亮的插画

明亮色调的线条组合，让线面图标犹如繁复友好的插画，一致的色调增强了视觉成果的规范化。

3. 等距图标：平面表现力

虽然等距图标设计耗时，但其高度的表现力使得场景再现或虚构环球构建栩栩如生。

分歧性是关键，确顾全体格调一致。

4. 形象繁复：大胆而有目共睹

大胆的形象设计，虽然或者难以立刻了解，但其共同的不规定性无疑能吸引眼球，传播深档次的含意。

5. 三维平面：视觉冲击力

3D图标经过繁难的色和谐平面细节，展现出令人惊叹的视觉成果，但需留意防止与等距格调混搭，确保识别性。

6. 极简插图：通用与共性化

繁复易创的极简插图实用于各种场景，但要防止通用性过强，免得消息关联产生疑问。

7. 面性图标：价值与美学

面性图标既承载了设计理念，又为产品削减了共同价值。

灵活成果优化用户体验，明白性是设计的外围。

8. 补充内容的图标：价值与明白性

图标应间接传播消息，增强用户感知。

幽默或情感召的设计，让图标成为体验的一局部，而非附加物。

9. 自定义图标：品牌共性的表现

关于特定品牌，自定义图标是优化品牌识别度的有力手腕。

借助设计工具如PS或AI，能有效节俭设计期间，展现共同的品牌共性。

这些图标格调各具特征，但共同构建了出色的用户体验。

记住，图标不只是设计，更是衔接用户和内容的桥梁，它们的存在，就是体验的一局部。

什么是用户界面和体验设计？

本文译自 Mikos Philips 的 UI vs UX—A Guide to UI Design

由于发现依然有小同伴跑来问我比拟基础的专业划分疑问，所以翻译了这篇科普文。

用户界面（UI, User Interface）设计是设计软件产品所触及到的几个交叉学科之一。

不论是用户体验（UX, User Experience）、交互设计（ID, Interaction Design）还是视觉/图形设计（Visual / Graphic Design），都能牵扯到用户界面设计。

什么是用户界面设计？

宽泛来讲，用户界面是人与机器交换的媒介。

用户向机器收回指令，机器随即开局一段进程，回复消息，并给出反应。

用户可以依据用户反应启动下一步操作的决策。

人机交互（HCI, Human Computer Interaciton）所的关键是数字界面，即过去的打孔机、命令行，直至当天的图形界面（GUI, Graphic Design）。

用户界面设计关于数码产品来说关键的是规划、消息结构，以及界面元素在显示屏和各种终端平台上的展现。

电子游戏和电视界面也包括其中。

用户界面设计师依据设计准则来创作合乎用户需求的设计，而不是单纯地提供技术处置打算。

在这环节中往往须要在平衡取舍用户配置需求和展现成果（由品牌定位和视觉设计选择）。

B2B 仪表板用户界面设计

低劣的用户界面设计应用明晰、一致的视觉档次和内容结构来疏导用户实现义务，并缩小非必要的内容和元素。

出色的用户界面经过实在环球的符号隐喻传播消息——例如按钮、声量滑块、日历、软盘样式的保留图标等。

用户界面的组成元素关键包括：

输入：让用户可以启动选用或输入消息，包括复选框、单选框、下拉框和文本域等交互组件等。导航：用于选用目的地和挑选消息的组件，包括下拉菜单、滚动条、面包屑、页签和分页等。消息：向用户提供反应的交互元素，包括图标、文字、媒体、进展条和揭示等。

高效的设计师会参考低劣设计案例、设计惯例、规范以及可用性准则来确保界面打算合乎用户须要。其中最关键的设计准则包括：

一致的界面元素能让用户极速相熟并把握经常使用方式明晰的元素层级和页面结构能让用户一眼看到最关键的内容用颜色和字体等样式来向用户暗示元素的优先级以及作用发送系统形态变卦、失误以及用户操作时，提供反应消息，以便用户了解进程并启动下一步决策了解用户喜好和需求优先级，让操作环节更顺畅人造应用留白及正当规划让界面愈加明晰易懂用户界面设计和体验设计的差异

用户界面设计和用户体验设计很容易混杂。

虽然二者有重合之处，然而各自有一模一样的技艺需求。

用户体验设计器重产品的全局架构和配置，以及用户经常使用感触。

相较于界面设计师来说，体验设计师的上班集中在经过消息架构来组织内容；经过用户调研、义务测试和商业剖析启动打算决策。

以电子商务的账号创立和下单流程为例，体验设计师经常使用用户流程、体验地图、低保真线框图和交互原型等方法，并经过用户测试来验证和优化设计理念。

用户界面设计与体验设计的对比

界面并不是产品的真正处置打算。

界面设计理论在体验设计师的上班中占重头戏，但并不是所有。

你可以这样了解：假设说用户体验是消耗品的话，那么用户界面就是工具（经常使用消耗品的工具）。

用户体验设计是蕴含很多个步骤的设计谋略流程，其指标是发明产品具备吸引力、繁难经常使用、易于了解的产品。

经过用户体验设计这个流程，咱们可以取得正确的用户界面处置打算。

用户界面设计师做什么？

用户界面设计师在用户体验设计师提供的线框图的基础上，发明愈加凑近最终方式的产品界面打算。

他们须要遵照体验线框图所表白的消息层级和优先级，并将正当一致的视觉和交互规定运用于整个产品。

用户界面设计师的职责范畴包括视觉层级、构图、间距、对其、题目和文字的视觉比重、组件经常使用规定（按钮、表单等）以及配色规范和Logo。

由于现当初用户界面越来越多的触及到灵活交互及过渡，而不限于繁难的静态页面，界面设计师也会须要与动效和交互设计师协作，并优化用户体验设计师所提供的基本交互理念。

用户界面设计也蕴含数据可视化和消息设计的上班，这些能经过繁难的消息展现协助用户极速了解复杂的数据。

用户界面设计师提供最终的页面高保真原型给程序开发人员。

上文提到用户界面设计有时与用户体验设计有重合之处，其实它也可以触及到前端开发，尤其或者介入建设前端组件库、和页面模板。

为了提高用户体验优化效率，咱们的上班方式正在变得越来越成熟。

由于当今环球的数字化进程，用户界面设计表演的角色愈发关键。

在接上去的数十年里，用户界面设计将打破二维屏幕，朝着3D和VR（虚构事实）、AR（增强事实）和MR（混合事实）的方向演变。

无论技术、屏幕、场合和环境如何，界面设计的点都会坚持聚焦于人机交互与体验的高效性。

译文地址：知乎

作者：Mikos Philips

译者：Z Yuhan

用户体验设计,交互设计,界面(UI)设计都是干什么

其实这三种的设计都能算作UI设计外面的，只不过方向不一样吧。

界面设计的话，就是传统意义的美工，两者之间的上班内容基本分歧。

交互设计普通来说在APP和网站外面比拟多吧，其实就是用户经常使用的时刻，罕用的操作规范，操作习气方面的设计。

用户体验其实就跟交互设计差不多，不过用户体验或者包括视觉方面和操作方面两方面的。大略就这么多，望可以协助到你！