广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 设计专业 > UI > 正文

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

作者:admin01发布时间:2021-08-04分类:UI浏览:837


导读:今天小编要跟大家分享的文章是关于UI设计师一定要知道的UI设计基本原则。要想成为一个优秀的UI设计师,就必须要知道UI设计的基本原则。1、产品思维要贯穿多看...

今天小编要跟大家分享的文章是关于UI设计师一定要知道的UI设计基本原则。要想成为一个优秀的UI设计师,就必须要知道UI设计的基本原则。

1、产品思维要贯穿

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

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

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

2、界面元素的一致性

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

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

3、色彩风格的统一性

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

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

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

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

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

4、选用字体的技巧

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

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

字体样式

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

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

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

字体的粗细(字重)

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

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

控制字距

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

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

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

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

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

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

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

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

6、把握页面节奏

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

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

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

7、规范细化

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

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

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

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

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


免责声明:本文文字及图片由小编转载自网络,版权所有权归原作者所有,如有侵权请及时联系我们进行删除。

以上是小编为大家带来的最新资讯,喜欢的朋友们可以继续关注本站最新动态,也可以咨询在线客服。


UI排行
标签列表
网站分类
文章归档
最近发表