20多种不同类型界面设计(界面设计的简与繁)

文/张波 界面设计的 “简”与 “繁”取决于产品的功能需求和用户的偏好,反映的是设计师的设计理念和对美的把握。好的界面设计,应该在注重用户体验的基础上,把握设计的整体风格,在追求时尚简约的同时,兼顾功能实现的最大化,做到 “化繁为简”,进而 “简中有繁”,最终达到 “繁”与 “简”的和谐统一。

20多种不同类型界面设计(界面设计的简与繁)(1)

好的界面设计不仅能让产 品变得有个性、有品味,还要让操作变得舒适、简单和自由。界面的简洁是要让用户便于使用、便于了解,并能减少用户发生错误选择的可能性。根据用户的行为习惯,通过清晰的流程和界面,让用户减少对每一次选择的思考以及寻找的时间,让准确的色彩和表述减少用户心理斗争的时间。

20多种不同类型界面设计(界面设计的简与繁)(2)

需求分析

实现界面操作快捷简单的前提是了解用户的需求。我们首先 要把用户的需求 -- 罗列出来,通过设计的方法和步骤,将这些需求归纳、整理,进行初步设计,力求用简洁的画面呈现出用户的基本需求,然后简化,再简化。

20多种不同类型界面设计(界面设计的简与繁)(3)

为了让用户在操作中简单到极致,我们应当多去了解用户习惯,比如他们在什么地方寻找导航栏、把哪部分作为网站的重点,在什么地方点击注册、在什么地方找搜索框、喜欢点击什么样的按钮,什么颜色会加速用户的心跳、增强点击的冲动等等,然后投其所好,将界面按照用户习惯的样子进行布局,然后合并同类项,将任务精简、再精简。

20多种不同类型界面设计(界面设计的简与繁)(4)

不要设计太多的层级,只需将最 基本的需要简单地呈现出来,结构不需要复杂,而应该尽可能的清晰。合理使用黄金分割和点线面的结合更加符合大众的审美口味。界面设计原则主要体现在以下三个方面:

20多种不同类型界面设计(界面设计的简与繁)(5)

1、色彩。色彩是最先映人人们眼帘的视觉感受,界面的色彩往往代表着界面后面的产品的风格和定位,所以界面设计的色彩要特别讲究。极简设计不是不用色彩,而是要更为精准地 使用好色彩。在界面设计中比如尽量使用少的色系,鲜艳的色彩面积不宜过大,注意颜色的搭配和统一等都能够帮助实现简约时尚和独特的设计风格。

20多种不同类型界面设计(界面设计的简与繁)(6)

2、字体。尽量使用通用的字体 (如 Arial,Courier New,Garamond,TimesNew Roman,中文宋体),减少特殊字体(如 Cloister,Gothic,Script,Westminster,华文彩云,华文行楷)的使用,不仅能提高用户阅读的效率,也减少界面的无序感和违和感,给用户整齐划一的感觉和轻松的阅读体验。

20多种不同类型界面设计(界面设计的简与繁)(7)

3、留白。注重界面的视觉平衡,适当的留白符合人们的审美习惯。如果界面上所显示的信息过于密集,不但不利于读者阅读,甚至会引起用户反感,破坏产品的整体形象和用户体验。留白往往能让用户更加迅速地关注到重要的内容,而且不容易产生压迫感和紧张感。如果留白用得好,既能保持联系性、一 致性,又能让设计通俗易懂,从而提高产品的适用性。

20多种不同类型界面设计(界面设计的简与繁)(8)

简中有繁、满足用户的心理需求

从心理上讲,虽然用户更倾向于简洁的设计,但却希望在 操作简单的同时,最好该有的功能一个都不能少。界面不仅要照顾安全性和灵活性,要让用户能自由地做出选择,而且所有选择都应是可逆的。简单来说就是既要让用户方便使用,还要能够实现互动多重性,不能局限于单一的工具(包括鼠标、键盘或手柄)。也就是说要用简单的设计实现功能的多样性。

20多种不同类型界面设计(界面设计的简与繁)(9)

界面设计中的 “简”中有 “繁”可以通过以下几个途径来实现:

20多种不同类型界面设计(界面设计的简与繁)(10)

有效合并

通过视觉上的相近性合并功能上的同类项,在手机图标设计中非常常见。 并看似在简化,实际却在强化每一 个图标的实际功能[3l。通过合并同类项,操作动作更加自然连贯,操作步骤实现最简化,操作体验达到最佳化,操作功能却丝毫不受影响。简化的设计却体现了强大的功能,使用户在“少”中体验到 “多”。

20多种不同类型界面设计(界面设计的简与繁)(11)

学会隐藏

运用设计的手法来隐藏功能键和菜单,该有的功能键和菜单一个都不能少,但是将一些非主要的内容减弱甚至隐藏起来,形成视觉上的简约和功能上的强大共存。不仅要通过色彩的强弱对比、色相的统一来隐藏功能键,还要保证用户能轻松找到相关的功能。这个度的拿捏尤其考验设计师对色彩的运 用和把握。

20多种不同类型界面设计(界面设计的简与繁)(12)

适当的心理暗示

要注重用户隋感的需求。借助设计表 现手法的多样性,运用设计心理学、色彩的情感属性等知识和技巧,营造丰富的空间感和层次感,拓展用户的想象力,实现用户情感上的共鸣 。设计的 “简”中有 “繁”还体现在画面的延展性上。

20多种不同类型界面设计(界面设计的简与繁)(13)

好的界面设计给人的感觉不仅仅是简单明了,还要留有想象空间。在用色和文字的编排上都要留有余地,要让用户能够 “读”出 “言外之意”和 “听”到 “画外音”。通过适当的心理暗示,让用户在极简的设计外表下感受到丰富的内涵,体验到无尽的可能。

20多种不同类型界面设计(界面设计的简与繁)(14)

有序统一

即便都是极简的界面,层级多了组合起来也会产生凌乱和不统一。有序统一是每一个优秀界面都应具备的特质,只有有序和统一,界面的风格才能统一,特点才能得到突出,才能拥 有更高的辨识度和更顺畅的用户体验。 这就要求所有的界面不仅色彩上要统一,构图上要风格一致,就连字体也应该有一定的规范。任何一个细节的不一致,都有可能误导用户,并且让整个界面显得杂乱无章,给人留下不良的印象。

20多种不同类型界面设计(界面设计的简与繁)(15)

当然,界面设计的一致性并不意味着刻板和一成不变,有的界面在不同栏目调换色调、调整字体,或者增加一些小变化, 会给用户带来新鲜的感觉。但变化应该服从整体的一致性,最起码 “看起来”应该是一个整体。

20多种不同类型界面设计(界面设计的简与繁)(16)

总之,界面是服务于应用的,界面设计的 “简”与 “繁”也要配合功能的需要。好的界面设计,“简”是基础,“繁”是功 最后终究要归于统一,化为和谐,这是艺术。用户始终是上帝,让上帝满意的设计才是好设计。

20多种不同类型界面设计(界面设计的简与繁)(17)

① 官方头条号:设计智造 顶级创意设计师必备

② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页