用户界面设计的思路包括哪几个步骤？

操作方法

01

软件用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分：

一、结构设计(Structure Design)

结构设计也称概念设计 (Conceptual

Design)，是界面设计的骨架。通过对用户研究和任务分析，制定出产品的整体架构。基于纸质的的低保真原型(Paper

Prototype)可提供用户测试并进行完善。在结构设计中，目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的

词条是“重要记事”，让用户很难找到。

二、交互设计(Interactive Design)

交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。交互设计的原则如下：

1)有清楚的错误提示。误操作后，系统提供有针对性的提示。

2)让用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。

3)允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。提供多种可能性。

4)允许工作中断。例如用手机写新短信的时候，收到短信或电话，完成后回来仍能够找到刚才正写的新短信。

5)使用用户的语言，而非技术的语言。

6)提供快速反馈。给用户心理上的暗示，避免用户焦急。

7)方便退出，如手机的退出，是按一个键完全退出，还是一层一层的退出。提供两种可能性。

8)导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。

三、视觉设计(Visual Design)

在结构设计的基础上，参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下：

1)界面清晰明了。允许用户定制界面。

2)减少短期记忆的负担。让计算机帮助记忆，例：User Name,、Password、IE进入界面地址可以让机器记住。

3)依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。

4)提供视觉线索。图形符号的视觉的刺激;GUI(图形界面设计)：Where, What, Next Step。

5)提供默认(default)、撤销(undo)、恢复(redo)的功能

6)提供界面的快捷方式。

7)尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户以往的使用经验。

8)完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。

9)界面的协调一致。如手机界面按钮排放，左键肯定;右键否定;或按内容摆放。

10)同样功能用同样的图形。

11)色彩与内容。整体软件不超过5个色系，尽量少用红色、绿色。近似的颜色表示近似的意思。

当然，要着手开发一个软件用户界面，远远不止这三步，在进行开发之前还需要进行需求分析、方案验证等前期工作，而作为UI设计师，这三步则是最核心也是最关键的工作。

PS设计图标教程？

1、首先打开PS软件，按住快捷键ctrl +n 新建一个画布，大小为400x400，分辨率为72 即可。

2、为了更加衬托我们所要设计的logo主题，具有鲜明的视觉冲突，我们点击“渐变工具”，弹出“渐变颜色选项栏”，我们需要设置成我们需要的颜色，点击确定，然后在选项栏中勾选“径向渐变”

3、然后点击“自定义形状”命令，在形状选项栏中找到我们需要的素材，并在画布中拖拽出图案。并按住ctrl+t 对其进行调整，然后选中该图层，点击图层面板中的“fx”，弹出选项栏，勾选“投影”，设置大小为“3像素”，间距设为“5像素”并勾选“外发光”，然后。多次重复该步骤，直至把花簇调整合适即可。

4、再次点击“文本”命令，输入我们想要的内容，将字体设为“curlz MT”,颜色设为“#3d433f”,并按住ctrl+t 对字体大小、位置进行调整。

5、点击图层面板中的“fx”，弹出选项栏，勾选“投影”，设置大小为“2像素”，间距设为“10像素”并勾选“外发光”

6、再次点击“文本”命令，图案下方输入一段字母，并选中该图层，点击图层面板中的“fx”，弹出选项栏，勾选“投影”，设置大小为“3像素”，间距设为“5像素”并勾选“外发光”

7、最后在调整花簇的颜色和样式，并调整其大小、位置即可完成此次的logo制作。