欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > UI设计 >  UI设计师一定要知道的UI设计基本原则

UI设计师一定要知道的UI设计基本原则

来源:培训无忧网 发布人:裴裴

2022-01-27 20:37:55|已浏览:156次


       今天小编要跟大家分享的文章是关于UI设计师一定要知道的UI设计基本原则。界面作为用户与APP交互的唯一接口,对用户的情绪和工作效率起着举足轻重的作用。因此需对用户界面设计一般原则进行探讨。

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

ui设计

1、产品思维要贯穿

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

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

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

2、界面元素的一致性

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

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

3、色彩风格的统一性

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

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

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

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

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

4、选用字体的技巧

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

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

字体样式

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

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

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

字体的粗细(字重)

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

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

控制字距

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

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

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

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

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

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

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

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

6、把握页面节奏

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

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

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

7、规范细化

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

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

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

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

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

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

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

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-18699.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!