UI 设计六要素

标签: 交互视觉 UI设计 | 发表时间:2014-04-17 09:01 | 作者:yoyo
出处:http://www.woshipm.com

UI 设计六要素

UI是User Interface(用户界面)的缩写,我们常常把用户体验挂在嘴边,而UI就是提升用户体验的秘密武器。友好的用户界面,可以实现用户 与网站或者软件之间更好的交互,让软件的操作变得更加舒适、更加人性化。可以毫不夸张的说,UI决定了互联网创业的成败。那么,要如何才能针对自己的实际 情况设计出好的UI呢?

笔者认为,做好UI设计,无外乎以下这六点:

一、清晰的界面往往会给用户留下深刻印象

清晰的界面,这是每一个UI设计师都必须准从的准则。模糊不清,主题不明确的界面是不会引起用户喜欢的。模糊的网站界面,会给用户以混乱的错觉,这样会很 容易引起疲劳。我们可以想一想,一个让用户反感的UI设计,是不是一件失败的作品呢?因此,UI第一要素就是建立清晰界面的思维,从而将这种思维应用到实 际开发之中去。这将会在很大程度上提高用户体验。

二、遵从“简洁但不简单”的设计原则

UI设计,清晰是第一要素,但是光靠清晰的界面还远远不能称得上是一件好的产品。一个好的UI设计,不仅具备清晰的界面,还要给用户以简洁的感觉。用户的 第一印象是非常重要的。而简洁的UI设计原则会让用户在最短的时间内找到自己想要的内容,避免用户在繁杂的内容中不断探索。现在很多的站点都已经意识到了 这一点,很多站点进行改版,就现在的形势而言,扁平化是UI设计应该考虑的一种方式。

三、给用户以熟悉的感觉

给用户以熟悉的感觉,这话怎么说?难道说要让这漫漫互联网中的所有站点都统一风格,统一样式?不用想,这当然是不可能完成的任务。所谓的给用户熟悉的气 息,主要是指在UI设计的过程中要遵守一定的原则。虽说创新是前进的不竭动力,但是脱离用户的创新就是一种倒退和失败。这里所致的熟悉,是指大家都非常熟 悉的操作你不能刻意的去改变,比如:有下划线的指的是超链接,你总不能颠倒过来吧?差号就是倒退或者删除按钮,这无论你怎么创新,至少在目前来说,这不能 改变吧?

四、和用户交互,提升页面响应速度

在很多UI设计者心中,UI设计只是一种关乎用户界面的问题,与页面响应速度毫无关联。这样的想法到底对不对呢?说到这里,我们再来复习一下UI的定 义:UI就是用户界面英文单词的缩写。而UI的最终目标是提升用户体验,二提升页面相应速度则是用户体验中必须要注意的东西。所以,在一定意义上,这样的 想法是错误的。作为一个UI设计师而言,页面相应速度也是在开发过程中必须考虑的一个重要点。

五、整体必须保持一致风格

UI设计中还有一个必须注意的要点:整体要有一个同意的风格,比如首页是扁平化的,那么最好栏目页以及内容页也要开发成扁平化的;总之,整体的风格一定要 统一,这其中不仅包含了颜色的搭配要统一,而且字体、布局等也要统一,这是一个比较广泛的概念。之所以在UI设计中要保持一致的风格,这完全是站在用户的 角度来思考问题的:只有保持统一的风格,才不会让用户在访问页面时产生错愕的感觉。

六、增加美观度,给用户以愉悦之感

美观度,顾名思义,就是整体UI设计的美观程度。美观度越高,用户就会爱不释手。在这个问题上,笔者想要说一说自己的想法,笔者认为就如今的形式而言, “质感”是提高美观度的一个秘密武器。在UI设计中加入“质感”,这会让你的站点更加不同,更加完美。总之一句话:美好的事物总是会让人心神向往。而增加 美观度,就是让产品成为美好事物的必备条件。

UI设计关乎到网站成败,无论你是在原来站点的基础之上来进行网站的改版事宜,还是在进行全新的站点开发。UI设计都是至关重要的,笔者希望以上的六点会对一些进行UI设计的朋友有所帮助。

原文来自:UED学院


微信号:woshipm,干货天天推荐,欢迎关注

相关 [ui 设计] 推荐:

从Web借鉴UI设计

- - 博客园_首页
  用户体验已经成为衡量应用软件质量的重要标准. 在过去我们可能会惊叹于某个Web应用的华丽界面,现在,随着HTML5的强势登场,各类表现层技术及开发框架的发布,Web与窗体应用的界限正在被逐渐模糊. 虽然技术已经焕然一新,但很多开发人员并不是专业的信息架构师,可能还在使用传统的、平凡的UI设计风格.

UI 设计六要素

- - 人人都是产品经理
UI是User Interface(用户界面)的缩写,我们常常把用户体验挂在嘴边,而UI就是提升用户体验的秘密武器. 友好的用户界面,可以实现用户 与网站或者软件之间更好的交互,让软件的操作变得更加舒适、更加人性化. 可以毫不夸张的说,UI决定了互联网创业的成败. 那么,要如何才能针对自己的实际 情况设计出好的UI呢.

UI精品:网站各种表单UI设计PSD

- - 软矿
网站经常需要用到注册表单、登陆表单、找回密码表单、发邮件表单、订阅表单等. 这些表单看似简单,但一个优秀的网站,这些表单的设计也需要下很多的功夫. 小编最近收集到一套比较完整的网站表单UI设计PSD素材,基本涵盖了网站所需要的表单. 如果你正愁不知道怎么安排你的网站设计项目的表单,这PSD素材或许能给你带些灵感.

40个UI设计工具和资源

- Shell Wang - 译言-电脑/网络/数码科技
来源40 UI Design Tools and Resources - Noupe Design Blog.       用户界面设计在持续的基础上不断成长和演变. 要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术. 同时,你也要亲身尝试,并提出原创的见解和应用.       下面列举的这些工具能帮你做到这些.

谈谈Android的一些UI设计

- plidezus - 盒子UI
谈到应用程序设计,对设计师来说,Android就像是房间里的大象. 很多设计师会更希望这是iOS,在那里所有任何人都只需要关心iPhone手机,iPad和App Store. 然后没有人可以忽略Android,它目前已占据智能手机中最大的市场份额,且已经被广泛用于从平板电脑到电子阅读器等各种产品. 总之,谷歌的Android平台正在迅速遍地开花,品牌厂商们很难不注意到.

178个免费的UI 图标设计

- - 紫萝卜 | 所有与设计有关
UI设计教程:界面图标创意设计. 45套网页UI PSD源文件免费下载. 45套网页UI PSD源文件免费下载. 100+高质量的UI设计源文件下载.

详解Path 2.0的UI设计

- - 互联网的那点事
如Path的创始人Dave Morin所说, Path的第二个阶段是要让人们在人生道路上“抓住所有体验”(capture all the experiences). 这款目前的私密社交应用王者,在半年前对于UI系统的重新设计可谓是惊煞旁人. 其人性化的设计理念与简洁到极点的设计风格可以说是一本教科书,以至于虽然吸引了大批模仿者但是——在这一派风格中——始终无出其右者.

五十个UI设计资源网站

- - 畅之部落格
UCD大社区  http://ucdchina.com/. 腾讯WSD  http://wsd.tencent.com/. 腾讯CDC  http://cdc.tencent.com/. 腾讯ISD  http://isd.tencent.com/. 淘宝UED  http://ued.taobao.com/.

UI设计:界面微质感探究

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  GUI的历史一直都离不开隐喻,而这种设计手段的优劣已经有越来越多的辩论. 那么时至今日,这种设计方法是否已经过时?我们是否有更好的方式. 这些疑惑不禁引发了笔者的思考,因此也就有了下文.   隐喻作为一个主流的设计方式广泛运用在界面设计中,它的历史可以追溯到GUI的创造,经典的例子便是桌面、文件夹、垃圾桶… 这些老生常谈概念.