安卓篱笆

  • 400-800-1234
  • 为您定制专业的垂直门户
搜索
猜你喜欢
查看: 3137|回复: 0
打印 上一主题 下一主题
收起左侧

注意几个UI设计的设计原则

[复制链接]

308

主题

307

帖子

1097

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1097
跳转到指定楼层
楼主
发表于 2018-1-4 11:23:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,,享用更多功能,让你轻松玩转本站。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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

一、界面清晰

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


                               
登录/注册后可看大图


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

二、让用户感受主动权

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


                               
登录/注册后可看大图


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

三、快速引导用户操作

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


                               
登录/注册后可看大图


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

四、吸引用户的注意力

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


                               
登录/注册后可看大图


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

五、单一的操作主题

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


                               
登录/注册后可看大图


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

六、功能要与设计相符

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


                               
登录/注册后可看大图


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

七、设计目标一致

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


                               
登录/注册后可看大图


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

八、界面过渡要自然

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


                               
登录/注册后可看大图


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

九、强烈的视觉层次感

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


                               
登录/注册后可看大图


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

十、颜色不是决定性因素

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


                               
登录/注册后可看大图


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

十一、恰当地组织UI

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


                               
登录/注册后可看大图


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

十二、渐进展示

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


                               
登录/注册后可看大图


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

十三、界面是被人使用的

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


                               
登录/注册后可看大图


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

十四、零状态的界面

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


                               
登录/注册后可看大图


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

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

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


                               
登录/注册后可看大图


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

资料来源:厚学网 https://www.houxue.com/news/387459.html

对于想学习相关课程的朋友来说,可以到厚学网结合自身实际情况找一家专业的培训机构来进行系统有效的学习,目前厚学网共计入驻了多家国学领域的知名培训机构,这里可以让让客户了解全新全面的课程信息及真实的用户评价,让客户能够更放心,省心的选择到想学的课程。
回复

使用道具 举报

*滑动验证:
使用 高级模式(可批量传图、插入视频等)
您需要登录后才可以回帖 登录 | 立即注册

关闭

站长推荐上一条 /3 下一条

快速回复 返回顶部 返回列表