UI设计师一定要知道的UI设计基本原则
作者:优漫动游设计部 2023-09-23 17:20 查看: 188

  界面作为用户与APP交互的唯一接口,对用户的情绪和工作效率起着举足轻重的作用。因此需对用户界面设计一般原则进行探讨。



  要想成为一个优秀的UI设计师,就必须要知道UI设计的基本原则。

  1、产品思维要贯穿

  多看需求产品流程图,在交互结构图中,可以根据需求初步构造页面的布局排版。

  梳理页面的主次,在脑海中留下初步的风格构想,为整个项目打下一个埋点,为将来设计创作时找参考灵感打好基础。

  详细地分析需求,能让设计师更好的把握产品思路。

  2、界面元素的一致性

  如果界面元素缺乏一致性,很可能使界面看起来杂乱无章、没有条理,甚至可能引起用户对产品可靠性的怀疑,失去对产品的信心,所以一致的外观可以让产品产生一种和谐性与专业性。

  无论是按钮的圆角比例,还是图标的统一性,以及统一的图形元素,都可以来提升界面的统一感。

  3、色彩风格的统一性

  颜色风格、页面色相、彩度、明度等整体统一性。

  颜色往往是人感官中留下的第一印象,想要合理的运用颜色,其实并不容易。

  跟传统的空间设计一样,在大部分界面设计中,一般使用三种颜色就够了,除非设计师有非常高的配色驾驭能力,不然整个页面都会显得较为花哨,影响信息传递。

  在界面上合理地使用颜色可以增加视觉上的感染力,但滥用颜色会适得其反。

  一般而言,亮色容易使人兴奋,同时也容易使人的眼睛产生疲劳,柔和的暗色可以使人平静。

  4、选用字体的技巧

  文字是传达信息的工具,有文字就有字体。因此字体也是影响用户界面质量的重要因素。

  要选取在不同的分辨率和不同类型的屏幕上都能顺利阅读的字体。因此对UI设计师而言,理解字体也是非常有必要的,这里提供给大家选择字体的技巧。

  字体样式

  在做界面设计时,永远要把内容的可读性放在首位,其次再去考虑其它。

  根据不同的业务模式,选择不同的字体。如衬线字与无衬线字,所传递出来的感受也是有着较大区别的。

  一般而言,需要强调的文字或者小篇文字中,使用无衬线字会更合适一些。而在一些长篇文章中,使用衬线体则会更容易阅读。

  字体的粗细(字重)

  在单色环境中,使用不同的字重能更好的加强内容之间的呼应对比。

  在界面设计中,使用较粗的字重来作为标题是较为合适的。因此在设计界面中,不妨把一些主标题加粗试试,或许有一些意想不到的效果。

  控制字距

  字距跟行距会直接影响到大段文字的阅读性。标题的字间距要紧密,正文大段文字的字间距要稀疏一些。另外正文的行间距常规情况下可以设置为字体大小的1.2倍到1.5倍之间。

  在设计过程中,大家根据实际情况合理尝试,直到信息较容易识别阅读为止。另外,字体的一致性也很重要,在大多数情况下,不应当采用两种以上的字体。

  5、界面交互风格保持一致

  理解尊重交互逻辑,界面交互风格应保持一致。

  在视觉设计时,设计师应该跳出自己的思维怪圈,不是只想着把页面做好看就可以了,把页面做得好看是设计师的基本责任,把页面做得好看又好用才是最终目标。

  所以设计师应该多学习交互逻辑,熟悉产品思路,这样做出来的作品才是有灵魂的。

  在设计过程中使用一致的术语、一致的步骤、一致的动作,让用户始终用同一种方式思考与操作。

  最忌讳每换一个屏幕就更换一套操作命令与操作方法。

  6、把握页面节奏

  页面节奏常规是指,在同一个页面内容中,间距的样式不要太多,另外间距尽量使用倍数。

  设计所说的页面节奏是指页面布局怎么去分割,给予用户什么样的视觉体验,让用户第一眼看到什么,第二眼知道有什么,第三眼发现什么,都是设计师视觉思路明确带着用户去体验的。

  设计过程中合理使用空白区域。恰当地“留白”有助于突出界面元素和改善可用性,引导用户在不知不觉中进入系统的思维框架,从而顺利地、正确地应用这个系统。

  7、规范细化

  规范对于设计的核心而言就是灵魂,视觉上游对接产品经理,下游对接开发人员,它都起到阐述设计的规范化、统一化,让外人可以快速读懂设计。

  规范细化在交接工作中也会起到高效率的沟通对接桥梁,所以在设计好页面时应该细化地整理输出一份设计规范。

  规定标题、副标题、正文等一系列共同使用的组件的大小、状态、间距。

  这些都是有共通性与逻辑性的,这样开发在实现页面中就会有依据,知道注意哪些点的字号用多少,间距是多少等等,后期验收工作也会减少很多劳动力。

  同时在设计与程序之间慢慢地建立合作默契,完成以后工作任务也达到事半功倍的效果。

  设计没有什么捷径,有的只是多看、多想、多做,逻辑明确了,思路清晰了,累积多了,项目方案就好解决了。

  UI设计与其他视觉的区分就是更多的考虑可玩性、使用性、耐用性,这些比视觉第一冲击力还重要。提升自己的视觉设计水平,也并非一朝一夕之事,靠的也是不断地积累,不断学习。

  广州UI设计培训全程大咖级讲师资亲授,多年教学经验,掌握最前沿的IT技术(移动端设计、UI设计、AI与品牌设计、产品交互、photoshop等),拥有实力雄厚、大型实战项目经验丰富的技术团队。用真实的工作体验让学员提前适应职场,4个月后直接走向工作岗位,避免工作后的水土不服。了解详情请登陆广州UI设计培训官网

预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服