APP设计基础知识：UI设计的五大视觉基本要素

我们经常会用UI设计去衡量APP的好坏，的确UI设计除了包含界面的美观性外，更多会考虑到视觉体验方面。怎样让UI设计变得更加出彩?香港网页集团表示，APP UI的美观程度，主要是由界面中的视觉基本要素决定的，而从美观性及良好的视觉体验上看，UI设计的视觉基本要素主要分为以下五个方面：

UI设计的五大视觉基本要素

UI设计视觉基本要素一：内涵

设计APP UI时，应从目标用户群的行为特徵、需求分析，以及APP的核心竞争力和主题背景这四方面入手，同时亦要为APP选择合适的视觉象徵符号，通过象徵、隐喻以及故事等手段，将APP的抽象理念通过实际的视觉载体呈现。

不同手段的具体用法

APP设计基础知识

▶ 象徵性手段：设计时使用象徵性的视觉图形符号，唤起人们的记忆。

APP设计基础知识

▶ 隐喻(比喻)性手段：采用一个或一组视觉符号，表达相平行的另一层相关含义，体现不同事物之间的共性。

APP设计基础知识

▶ 故事性手段：以故事中的角色和符号作为设计的元素，向大众传达APP的理念，从而增加大众对APP的认知度。

UI设计视觉基本要素二：图形

APP的图形设计能让用户更加深刻直接地了解APP的作用，同时又能让APP将信息更直接地表意於用户。

设计APP图形时需考虑的问题

APP设计基础知识

▶ 形状：点、线、面是视觉构成的最基本的造型元素，又是最重要的表现手段，具有不同的情感特徵。UI设计只有合理安排点、线、面，才能设计出具有最佳的视觉效果图形，及充分表达出图形最终的目的。

APP设计基础知识

▶ 尺寸：在一组相似的图形中，一般尺寸较大的图形会更容易吸引用户的注意力。这意味着，我们可以通过改变图形大小所产生对比效果，来突出元素的重要性，同时更清晰地传达信息的层次结构，及提升界面的效率，

APP设计基础知识

▶ 材质纹理：在UI设计中，材质纹理指的是界面的纹理和元素的具体材质，例如在可拖曳窗口的边缘增加突起效果，用户就会明白这个是可拖曳的。

UI设计视觉基本要素三：文字

文字在UI设计中是非常重要的元素，它虽然在界面设计中占据大量空间，表现形式却充满无限魅力，不仅能更好地向用户传递界面的信息和情感，还能提高内容传播的速度。

如何根据界面主题和风格选择文字字体?

APP设计基础知识

所谓「字如其人」，字体的结构、笔画、细节变化可以反映它的性格，从而给人不同的视觉感受。

纤细字体：极具文艺风格，适合应用於女性网站;

粗犷字体：具有沉稳、庄重的感觉，适合男性，以及需要用户信任的网站;

松散字体：给人轻松、透气，节奏舒缓的感觉;

紧凑字体：营造出紧张、有力度的氛围感。

……

UI设计视觉基本要素四：颜色

色彩是最直观展现UI情感，及给用户留下深刻印象的元素。UI设计中的色彩搭配不仅能影响用户对APP的情感，同时还能给用户体感更舒适流畅的操作体验。

为UI选择色彩时，不仅要考虑这颜色能否吸引用户的注意力，同时还需要考虑该颜色所带来的情感或感觉是如何。否则会让用户在操作过程中，因为界面色彩搭配混乱而产生疑惑，甚至是质疑和厌恶。

不同色彩所具备的不同情感：

APP设计基础知识

红色：热情、激动、轰轰烈烈，容易鼓舞勇气。

橙色：激情、狂热、动感。

蓝色：宁静、自由、清新，代表开阔，安定与和平。

绿色：清新、健康、希望，是生命的象徵;代表安全、平静、舒适之感。

紫色：有点可爱、梦幻、高贵、优雅。

黑色：深沉、压迫、庄重、隐藏、神秘。

灰色：高雅、朴素、沉稳。

白色：清爽、无瑕、冰雪、简单。

粉红：可爱、温馨、娇嫩、青春、明快、浪漫、愉快。

黄色：温暖、愉悦。

棕色：沉稳、暗淡。

银色：尊贵、纯洁、安全、永恒。

UI设计视觉基本要素五：布局

好的界面布局能让用户快速找到想要的内容，同时还能让界面信息变得更清晰有条理，帮助用户将注意力集中到重要内容，以及增加UI设计的可用性，让界面变得更加美观。

版面布局需考虑哪些问题

APP设计基础知识

▶ 位置：用於表示各元素之间的层次结构和信息传达。按照用户的浏览习惯，界面中最重要的信息一般放在屏幕最左上角，让用户能立刻注意到。

APP设计基础知识

▶ 排列组合：根据格式塔心理学(即接近原则、相似性原则、连续性原则、闭合原则、对称性原则)，帮助界面元素构建从属关系，藉此让用户注意到界面的重要信息，及让用户更轻易地解读界面信息。

上述就是UI设计中最基本的视觉要素，进行UI设计时可以此为基础进行延伸，让APP更符合用户的期望，从而提升APP的使用率和转换率。