浅谈UI设计的七项原则

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

那么要想成为一个优秀的ui设计师,就必须要知道UI设计的基本原则是有哪些呢?

[if !supportLists]1. [endif]产品思维贯穿

多看需求产品流程图,在交互结构图中,可以根据需求初步构造页面的布局排版,梳理页面的主次,在脑海中留下初步的风格构想,为整个项目打下一个埋点,为将来设计创作时找参考灵感打好基础。详细地分析需求,能让设计师更好的把握产品的思路。



2、界面元素的一致

如果界面元素缺乏一致性,很可能使界面看起来杂乱无章、没有条理,甚至可能引起用户对产品可靠性的怀疑,失去对产品的信心,所以一致的外观可以让产品产生一种和谐性和专业性。无论是按钮的圆角比例,还是图标的统一性,以及统一的图形元素,都可以来提升界面的统一感。




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

颜色往往是人感官中留下的第一印象,想要合理的运用颜色,其实并不容易。跟传统的空间设计一样,在大部分界面设计中,一般使用三种颜色就够了,除非设计师拥有者非常高的配色驾驭能力,不其然整个页面都会显得较为花哨,影响信息传递。在界面上合理地使用颜色可以增加视觉上的感染力,但滥用颜色会适得其反。一般而言,亮色容易使人兴奋,同时也容易使人的眼睛产生疲劳;柔和的暗色可以使人平静。





4、选用字体的

文字是传达信息的工具,有文字就有字体。因此字体也是影响用户界面质量的重要因素。我们要选取在不同的分辨率和不同类型的屏幕上都能顺利阅读的字体。因此对UI设计师而言,理解字体也是非常有必要的,这里提供给大家选择字体的技巧。

1、合理的选择字体样式

在做界面设计时,永远要把内容的可读性放在首位,其次再去考虑其它。根据不同的业务模式,选择不同的字体,如衬线字与无衬线字,所传递出来的感受也是有着较大区别的,一般而言,需要强调的文字或者小篇文字中,使用无衬线字会更合适一些。而在一些长篇文章中,使用衬线体则会更容易阅读。


2、合理的选择体的粗细(字重)

在单色环境中,使用不同的字重能更好的加强内容之间的呼应对比。在界面设计中,使用较粗的字重来作为标题是较为合适的。因此大家在设计界面中,不妨把一些主标题加粗试试,或许有一些意想不到的效果。


技巧三:合理的控制字距

字距跟行距会直接影响到大段文字的阅读性。标题的字间距要紧密,正文大段文字的字间距要稀疏一些。另外正文的行间距常规情况下可以设置为字体大小的1.2倍到1.5倍之间。在设计过程大家根据实际情况合理尝试,直到信息较容易识别阅读为止。另外,字体的一致性也很重要,在大多数情况下,不应当采用两种以上的字体。



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

在视觉设计时,设计师应该跳出自己的思维怪圈,不是只想着把页面做好看就可以了,把页面做得好看是我们的基本责任,把页面做得好看又好用才是最终目标。所以我们设计师应该多学习交互逻辑和熟悉产品思路,这样做出来的作品才是有灵魂的。

在设计过程中使用一致的术语、一致的步骤、一致的动作,让用户始终用同一种方式思考与操作。最忌讳每换一个屏幕就更换一套操作命令与操作方法。


6、把握页面节奏

音乐节奏会带动人的心情高低起伏,那么什么是页面的节奏呢?。页面节奏常规是指的就是在同一个页面内容中,间距的样式不要太多,另外间距尽量使用倍数。我们说页面的节奏是指我们页面布局怎么去分割,给予用户什么样的视觉体验,让用户第一眼看到什么,第二眼知道有什么,第三眼发现什么,都是我们视觉思路明确带着用户去体验的。

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





7、规范细化

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

规范细化在交接工作中也会起到高效率的沟通对接桥梁,所以在设计好页面时我们应该细化地整理输出一份设计规范,规定「标题」「副标题」「正文」等一系列共同使用的组件的大小、状态、间距都是有共通性,逻辑性的,这样开发在实现页面中就会有依据,知道注意哪些点的字号用多少,间距是多少等等,后期验收工作也会减少很多劳动力。同时在我们设计与程序之间慢慢地建立合作默契,完成以后工作任务也达到事半功倍的效果。

最后,设计没有什么捷径,有的只是多看、多想、多做,逻辑明确了,思路清晰了,累积多了,项目方案就好解决了。UI设计与其他视觉的区分就是更多的考虑可玩性、使用性、耐用性,这些比视觉第一冲击力还重要。提升自己的视觉设计水平,也并非一朝一夕之事,靠的也是不断地积累,不断学习。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容