UI 设计:如何做到理性?

访客3年前黑客资讯1177

UI 设计,是用理性要领,来满意需求,并带来美学享受。本文加少了UI 设计的四类理性、实现理性的要领以及理性之外的因素,与各人分享。

UI 设计:如何做到理性?

一、 UI 设计:有哪些理性

UI 设计主要有四类理性:根基原则,基本常识,气势气魄设定,气势气魄把控。

四类理性有一个配合焦点:活学活用。

UI 设计:如何做到理性?

1. 根基原则

共有四个根基原则:对齐,比拟,亲密,反复。

UI 设计:如何做到理性?

先说对齐,秩序发生美。

对齐作为一种根基秩序,主要事关整齐雅观和阅读体验。对齐一般分左对齐、右对齐和居中对齐。

从阅读体验角度来讲,左对齐凡是胜过居中对齐,所以绝大部门文章和 UI 界面都是左对齐为主。

从美感角度来讲,居中对齐往往胜过左对齐,所以一些强调美感胜过强调阅读效率、篇幅不长、同时需要细品的诗或歌往往回收居中对齐。

UI 设计:如何做到理性?

从空间操作率角度来讲,右对齐往往是左对齐的一种增补。

好比微信的发明页面,最重要的图标和文字左对齐,次要的右箭头和其它信息右对齐。

UI 设计追求阅读体验、美感和高空间操作率,所以这三种对齐 *** 大部门时候城市同时呈现。

整体而言,是以左对齐为主,居中对齐和右对齐为辅。再说比拟。嘈嘈切切纷乱弹,大珠小珠落玉盘。音乐考究韵律和节拍,设计也追求犬牙交织的节拍感。这种节拍感,很洪流平上靠比拟实现。

好的比拟可以带来视觉张力,就是抓人眼球的吸引力,同时也能起到主次理解和视觉引导的浸染,最终带来精采的阅读体验。

必然水平上,比拟是无处不在的。只要存在差异,就存在比拟。好比巨细之间的比拟,差异颜色之间的比拟,文字与图标/图片之间的比拟,差异对齐 *** 之间的比拟,等等。

一般而言,比拟需要坚决:若差异,就彻底差异。因为一般环境下,充实的比拟能带来更好的视觉张力和更好的阅读体验。

第三说亲密。设计就是分类,张小龙曾如是说。分类中最重要的原则是亲密,尚有一个副产品是留白。

性质沟通或相似的元素,我们会让它们看起来离的更近,干系更亲密。亲密成绩分类,分类能化繁为简。

最后说下反复。设计追求一致性,一致性主要靠反复来实现。被大量“反复”的元素,好比这篇文章里的字体巨细和字体颜色,既担保了一致性,又提高了效率。

2. 基本常识

基本常识主要包罗:手绘、颜色、版式设计、字体设计、品牌设计、动效设计、插画设计等专业常识。

UI 设计师大概不消画卡通人物或插画,但必然会绘图标和 logo,这些也会用得手绘。

作为造型根基功,需要把握必然手绘技术。颜色方面,最重要的是可以或许很好感觉和领略颜色转达出来的感受,也即颜色的“精力之美”,这块主要依赖审美和操练。

配色方面,推荐软件里的 HSB(色相、饱和度和亮度) 模式,这种模式很好领略,也利便调色。

别的还强烈推荐从照片中吸取颜色,因为照片往往会和“糊口”、“自然”有必然关联,“糊口”和“自然”长短常重要的素材和灵感来历。从色卡中选择颜色也是一个不错的选择。

版式设计就像是选秀节目中操练生的舞台演出,检验的是唱跳、心情打点、舞台魅力、临场应变等综合实力。

“活学活用”环节,会团结例子分享版式设计。字体设计、品牌设计、动效设计、插画设计等方面,小我私家履历不多,就不分享了。文末会附一份推荐书单,席卷根基原则和部门基本常识。

3. 气势气魄设定

气势气魄设定,即上篇提到的“准确描写”,是在动手设计之前,先摸索出符合的气势气魄,并把它准确描写出来。

好的开始是乐成的一半。气势气魄设定是一个开始,极其重要。假如气势气魄设定只做到 60 分,稍微解决折扣的执行功效就是不合格。所以,假如要把设计做到 85 分,气势气魄设定一般要做到 90 分。

气势气魄设定犹如在茫茫大海中行船,首要方针是掌握偏向,焦点诉求是精准。海上并无现成阶梯和导航可循,只能依靠繁琐而严谨的推理和计较。

气势气魄设定的次要方针是划一个既清晰界定气势气魄、又清晰指明“发挥范畴”的“圆圈”,焦点诉求是周密。因为需要清楚知道“圆圈”以内代表什么,“圆圈”以外代表什么。

在“精准”和“周密”上同时做到优良,气势气魄设定才气做到优良。

相关文章

设计沉思录 | 聊聊UI设计中的交互原则

设计沉思录 | 聊聊UI设计中的交互原则

编辑导读:好的设计原则是产物设计的坚硬基本,它可以描写产物整体层面的设计方针,也可以对详细问题的决定举办支持。文章从设计原则的重要性出发,分享了用户体验的8条UX原则,供各人一起参考进修。 01 媒...

UI设计中一致性如何做?看这篇就够了

UI设计中一致性如何做?看这篇就够了

编辑导读:为什么一致性在UI设计中很重要,设计师泛泛挂嘴边的一致性原则到底是什么?一致性原则如何影响用户行为?代价在那边?本文作者从一致性原则的优势出发,对设计师在处理惩罚界面的时候,如何遵循一致性原...

从游戏类UI中学到的5个用户体验技巧

从游戏类UI中学到的5个用户体验技巧

游戏类App的UI凡是是情作用的,表达的信息清晰直接。在设计其他产物时,我们仍可以参考游戏类UI的特点,带来更精彩的利用体验。文章对游戏类UI常见的5个UI设计举办了梳理总结,供各人一起参考进修。...

简单实用,快速提升UI水平的8个技巧

简单实用,快速提升UI水平的8个技巧

在UI的设计进程中,有许多能力并不需要很深厚的设计常识,可是它们能让你的UI和网页界面看起来有明明的晋升。文章对相关能力举办了总结,内容较为基本,但简朴易用,看完说不定顿时就可以用到项目中,与各人分享...

UI设计的本质与价值是什么?

UI设计的本质与价值是什么?

美学、科学和需求的完美融合,是 UI 设计的本质。相应的,美学、科学和需求本身,也是 UI 设计的价值所在。其中的核心价值,则是美学。对 UI 设计而言,需求是本分,科学是方法,美学是精神追求。所以相...

列表框 vs 下拉列表,哪个更好?

列表框 vs 下拉列表,哪个更好?

很多UI控件答允用户选择选项,它们包罗复选框、单选按钮、切换开关、步进器、列表框和下拉列表。 在本文中,作者对列表框和下拉列表举办了界说,接头何时利用各个元素,以及各个环境下利用哪一种越发符合。 摘...