IT培训网

达内论坛

 找回密码
 立即注册
搜索
查看: 1195|回复: 1

UI设计方法:如何成功借鉴优秀UI设计作品

[复制链接]

2051

主题

2222

帖子

7646

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7646
QQ
发表于 2017-7-10 18:05:21 | 显示全部楼层 |阅读模式
  UI设计的学习可以说是无止境的,就好像百度搜索引擎的变化,也是适时改变的,所以不可能停留在某个阶段,所以为了帮助大家更好的掌握这些,今天达内ui培训小编就来给大家分享一套非常简单有效的剖析APP和创造属于自己APP产品的方法。此方法非常适合移动APP产品经理与创业者来学习,机会总是眷顾哪些有心人,所以良机千万不可错失哦~
20151106150707_668.png
  最简单的方法是,凭第一印象找到参考App的核心功能,然后把参考的App放一边,自己从这个核心功能点上迅速构思你心中的App,速度要快,十分钟内即可,如果值得深层次研究的App,可以花更多时间去构思。构思过程中,一定会发现很多头痛,或走不通的地方,当然也会有闪光的地方,把所有的想法纪录下来和参考的app做对比。只有这样,你才能知道人家为什么那么做,你为什么这么做。你这样做的好处是什么。而且可以发现人家的短处,你从而避免这样的错误。
  从多个方面来思考的时候:
  1、从各个方面,是否都与交互产生了联系,比如用户、需求、视觉。
  2、app的核心功能点是什么,是否在界面里面得到了突出
  3、是否一直在引导客户操作?如果引导的?
  4、内容是怎么呈现给用户的?有无层次?都用了什么样的形式?能否反应出他们的重要性和关系来?
  5、是否考虑到用户的感受?视觉是否营造了氛围,并和交互的框架紧密结合起来?
  落实到实际的操作方法如下:
20151106150741_835.png
  1、第一步:手机截图或者录屏。
  2、把每个界面进行截屏操作,如果涉及到复杂的转场动画、页面跳转则进行录屏操作。
  3、还原页面SitemapApp里不宜层级过深,把截图整理后「同页面不同状态合并」还原一Sitemap。
  4、看看产品的架构。重新梳理app流程,让流程重现。利用截图,在画图工具按照使用方法串起来。这样能够发现优秀App对于自己设计规范的定义。比如对于某操作,什么时候使用浮层,什么时候使用页面。
  5、竞品分析。有对比才能看出设计差异和设计理念。找到同类型的优秀应用。看看每一个产品、设计上的不同处理。
  下面我们以知乎为例,来给大家解析说明下:
  1、产品概览主要包括产品定位、目标人群、用户痛点、核心需求,可选内容有运营策略、内容来源。作为用户体验五要素-战略层,是交互设计的基础。了解这些,在体验产品时才可能更了解设计背后的缘由。
  2、功能模块分析主要是梳理功能、功能点,熟悉背后的产品逻辑、机制、要点,并记录下来,对应用户体验五要素-范围层。通过这一步可以非常全面的了解这个产品是如何满足用户需求,除了主要功能模块还有哪些辅助功能。这样在下一步能更系统的做交互设计分析。
  3、交互设计分析)分析App的信息架构/层级结构,明白这样设计的理由。
  1)用户完成主任务的流程。
  以购物为例,主任务之一的流程是——挑选喜欢的物品、加入购物车、从购物车中结算。而挑选喜欢的物品,则可以通过、频道页、搜索结果页、详情页等页面完成。
  2)重点针对与主任务流程相关的界面进行分析,撰写在界面布局和交互操作上如何做、有何亮点、是否有什么问题和建议。
  4、用户反馈在体验App期间,可以多翻翻用户的评论,有些资深用户的反馈还是挺有代表性的。针对这些反馈,可以从产品功能、交互设计上思考改进方案。
  5、面临的挑战产品最大的问题是什么?如果是我来做,我会怎么改进这个产品?
  6、竞争产品竞品有哪些?和竞品比,这个产品的优势是什么?劣势是什么?
  以上几点,并不是每一点都得写,针对产品特性、以及对产品的了解可以适当调整。有时候为了防止自己拖延,我也会适当降低要求,重要写某几个模块。




上一篇:超实用必收藏的UI面试小技巧
下一篇:UI设计面试必须知晓的技巧
回复

使用道具 举报

2051

主题

2222

帖子

7646

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7646
QQ
 楼主| 发表于 2019-9-4 10:16:20 | 显示全部楼层
1、界面风格保持一致。

使用一致的术语、一致的步骤、一致的动作,让用户始终用同一种方式思考与操作。忌讳每换一个屏幕就更换一套操作命令与操作方法。

2、富有吸引力。

用户界面不仅应该方便、高效,还应该使用户在使用时感到兴奋,能够从中获得乐趣,从而吸引用户更乐意使用它、接受它。

3、界面元素的位置。

用户界面是由若干界面元素组成的,不是所有元素都一样重要,要确保重要的元素尽快显现给用户。重要的或频繁访问的元素应当放在显著的位置上,而不太重要的或使用频率小的放到不太显著的位置上。

4、保持界面元素的一致性。

一致的外观可以在系统中创造一种和谐。如果界面元素缺乏一致性,很可能使界面看起来杂乱无章、没有条理,甚至可能引起用户对系统可靠性的怀疑,失去对系统应用的信心。

5、合理使用空白区域。

当然此处的“白”并非指白色,而是指界面中没有被界面元素占用的空白区域。恰当地“留白”有助于突出界面元素和改善可用性,引导用户在不知不觉中进入系统的思维框架,从而顺利地、正确地应用这个系统。

6、保持界面简单明了。

界面设计中重要的原则就是使复杂的问题简单化。如果用户觉得界面很复杂,则可能会认为系统本身也很难,而望而却步,所以与大而全的界面设计方案比较起来,简单明快的界面设计往往更可取。

7、慎重使用颜色。

在界面上合理地使用颜色可以增加视觉上的感染力,但滥用颜色会适得其反。一般而言,亮色容易使人兴奋,同时也容易使人的眼睛产生疲劳;柔和的暗色可以使人平静。

8、字体的选用。

文字是传达信息的工具,有文字就有字体。因此字体也是影响用户界面质量的重要因素。程序员要选取在不同的分辨率和不同类型的屏幕上都能顺利阅读的字体。另外,字体的一致性也很重要,在大多数情况下,不应当采用两种以上的字体。

9、按钮类元素。

设计界面时仔细分析各种元素的功能以及元素之间的逻辑关系,并按功能或关系进行逻辑分组,使用控件组织起来,以加强元素之间的联系。另外,如果界面放置的元素太多,可考虑采用菜单来完成相同的功能。

10、列表框类元素。

列表框类元素有一个共同的特点,都可以设置滚动条。使在一个小“框”中阅读大文件成为可能。但也产生一个问题:如果阅读一个行列均很多的文件,用户就会反复拉动水平或垂直滚动条,给阅读带来诸多不便。设计时只使用一个方向的滚动条,即要么横向够宽,要么纵向够长。

11、控件隐藏。

把当前状态下无用的元素隐藏起来,既能使界面清洁明了,突出重点,又能保证用户不做无效的“工作”。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

IT培训网

QQ|小黑屋|手机版|cnitedu Inc. ( 豫ICP备16023996号-1 )

GMT+8, 2019-9-23 00:57 , Processed in 0.126009 second(s), 12 queries , File On.

Powered by Discuz! X3.3

© 2011-2017 cnitedu Inc.

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