UI设计需要注意的设计原则

UI(User Interface,用户界面)设计,是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。据总结出来的优秀的UI设计规范,需做到以下这几个方面:

一、界面清晰

UI设计首先要做到界面清晰,只有让用户认可它、知道怎么样使用它,让用户在使用时预期会发生什么,并方便地与它交互,然后才能让用户喜欢你设计的UI。

上图中,界面没有任何的操作提示,用户就明白通过左右滑动屏幕来查看更多卡片,还知道卡片是以扇形为运动轨迹。

二、让用户感受主动权

人们往往对能够掌控自己和周围的环境感到舒服,不考虑用户感受的设计往往会让这种舒适感消失。保 证界面处于用户的掌控之中,让用户自己感受主动权。

上图的设计中,用户不知道如何查看其他的卡片,除了可以查看第 一张卡片的详情,其他的卡片脱离了用户的掌控。

三、快速引导用户操作

用户感觉最棒的是可以直接操作物体,所以在设计界面时,我们增加的图标往往并不是必需的,比如我们过多的使用按钮、选项等其他繁琐的东西仅仅是为了填满界面,这些都是画蛇添足。

设计图标的作用是以图形化的视觉形象给用户快速引导,而不是为了装饰。

四、吸引用户的注意力

阅读时,总避免不了有些事物分散用户的注意力。因此,在设计界面的时候,关键的是要考虑如何才能吸引用户的注意力,切忌将界面的周围设计得让人眼花缭乱。

干净简约的界面可以让用户更加沉浸在阅读的世界里。

五、单一的操作主题

设计的每一个画面都应该要有一个单一的主题,这样不仅能够让用户感到它真正的使用价值,也容易上手,使用起来更方便。假如一个屏幕支持两个或两个以上的主题,会让整个界面看起来很混乱。

例如:这个界面是让用户输入登录的,却将注册放在与登录同等重要的位置,干扰用户操作,很容易会导致操作错误。比较好的做法是,将注册放在右下或登录按钮下方。

六、功能要与设计相符

如果它看上去像个按钮,那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明,要在更高层次的问题上发挥创造力。

上图的设计界面非常漂亮,但登录被弱化,并且表现形式雷同输入的提示文字,用户不易察觉。

七、设计目标一致

如果屏幕元素各自的功能不同,那么它们的外观也理应不同。反之,如果功能相同或相近,那么它们看起来就应该是一样的。

元素排版整齐且统一,功能清晰明了。

八、界面过渡要自然

界面的交互都是关联的,所以要认真地考虑到下一步的交互是怎样的,并且通过设计将其实现。当用户已经完成该做的步骤,不要让他们不知所措,给他们自然而然继续下去的方法,以达成目的。

界面的交互非常清晰,点击向下展开,再次点击向上收起。

九、强烈的视觉层次感

强烈的视觉层次感是通过界面上视觉元素提供的清晰浏览顺序来实现的,也就是说,用户每次都能按照同一个顺序浏览同一些元素。弱化的视觉层次没有给用户提供如何浏览的线索,用户会感到困惑和混乱。当所有字体都是粗体时,就没有主次之分了。

界面以用户的阅读习惯将层次拉开,从左到右,从上到下,元素之间互不干扰,达到较好的视觉效果。

十、颜色不是决定性因素

物体的颜色会随着光线的变化而变化,颜色是一个变化的性质,不应该在界面上起决定性作用。它可以用于提醒,但是不应该是唯 一的区分元素。

通过鲜艳的色彩来提醒用户需要关注的内容,但是tiah不太认同颜色不能作为唯 一的区分的观点,现在有很多天气、记事、时钟类app极简的设计,常常采用色彩进行区分也是非常不错的。

十一、恰当地组织UI

正如John Maeda在他的书中所说,对屏幕元素的恰当组织能够使页面显得简洁,这能够帮助用户更容易并且更快地理解你的界面。

将零散的元素进行组合,并以生活中常见的物品展示,用户更易理解。

十二、渐进展示

在每个屏幕上只显示必要的内容,如果用户在做选择,那么给他们显示足够的信息,然后在各自的页面上展示详情,避免在某个界面上过度展示所有细节。

例如,用户只单纯地想播放音乐,所以播放列表页只需要展示当前播放状态、演唱者、专辑名和歌曲名,无需其他太多的信息。

十三、界面是被人使用的

只有用户使用你设计的界面时,才是成功的。如果一件衣服很漂亮,但是穿起来不舒服,那么设计是失败的。

视觉效果非常好,但是用户体验上非常糟糕,当前状态与主界面关联太弱,弧形轨迹阅读太累。

十四、零状态的界面

用户的第 一次访问界面是最重要的,但往往很容易被设计者忽视。为了帮助用户适应,应该提供启动的方向和引导。

零状态结果本身对用户体验极其不好,更需要情感化或引导性的设计来降低用户焦躁的情绪。

十五、优秀的设计是无形的

优秀的设计是没有痕迹的,如果设计是成功的,那么用户可以只关注自己的目的,而不是关注界面、依赖于界面。

UI设计涉及的学科比较广阔,是一个不断为最终用户设计满意视觉效果的过程。要做到让用户满意、受欢迎,设计必须从用户的角度出发,坚持以用户体验为中心设计原则,界面直观、简洁,操作方便快捷,用户接触软件后对界面上对应的功能一目了然。

( 想知道更多关于IT行业硬知识,百度搜索圈T社区哦!网址http://www.aiquanti.com悄悄告诉你 有免费教程哦!别人我还不告诉呢!)

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

推荐阅读更多精彩内容

  • 这是旅顺博物馆鸽子笼前的一棵老松,铭牌标明它是一级古树,就是说它有至少三百岁。它的直立的那个大枝已经枯萎,侧面的大...
    白山至南阅读 662评论 0 0
  • 〈太阳〉 别人的太阳是躺在沙滩上轻松惬意地享受的 我们的太阳是站在脚手架上汗流浃背顶着的 〈月亮〉 别人的月亮是一...
    杨又扬阅读 321评论 3 2
  • 现实的社会,让人不得不防备, 有时候,不能逞强, 要学会装聋作哑, 管好自己,别管不该管的事, 闭紧嘴巴,别说不该...
    花的心世界阅读 136评论 0 2