产品设计

    今日:79| 主题:15762
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 用这13个方法,帮你做出真正轻量化的移动App 设计

[复制链接]
鸭梨 发表于 2016-10-5 01:12:47
158 3

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

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

x

用这13个方法,帮你做出真正轻量化的移动App 设计-1 (字体设计,最大限度,Design,注意力,编者按)

  编者按:无论是扁平化还是Material Design,简化图标元素都只是触及表象,想创造出本质上轻量化的设计,界面细节和交互上的考量也非常多,今天这篇好文,总结了13个帮你做出轻量化设计的方法。
   1. 创造更轻的设计(Lighter Design)

  什么是轻设计

  扁平化设计不再使用各种斜度和阴影,让app有了更轻盈的美感。这意味着通过运用负形空间来取代斜度和阴影,创造出一个只关注核心信息的、更为简洁的界面,从而摒弃那些对app本身和用户流程来说都很低效的设计元素。
  如何更轻

  较轻的设计舍弃掉了那些分散人们注意力的元素,以引导用户去关注屏幕上有意义的内容,使得导航更简单,同时又塑造了一种极简、现代的高大上品牌形象。
   2. 一种字体用到底

  什么是只用一种字体

  减少屏幕内所使用字体数量能最大限度地表现字体设计的张力。因为当你少用不同的字体、不同字号还有像斜体、黑体、半黑体等字形样式时,内容之间留白的级别差异才能更好地被区分开来。
  为什么只用一种字体

  让单一的字体贯穿于app中,不仅使品牌形象更趋稳定,也有利于跨渠道的内容响应(如app,手机网页,电脑网页等),从而优化全渠道体验中的手机元素。另外,用户也希望在滚屏浏览相关内容时眼前只有一种字体样式。
   3. 彻底告别线条——使用空间和组块

   什么是空间和组块
  尽管从前常用分割线来细分屏幕里的每个区域,但是这样界面看起来会很密集凌乱。如果把线去掉,只将空间区分成不同内容的组块,这样做既能释放空间,也能使界面看起来更干净。
   为什么要去掉线
  去掉具体的线能让界面看起来很现代,而且更关注实用性。举例来说,图片和字型能因此放得更大,那么视觉上会更清晰,使用起来也会更简单。利用留白来替代画线分隔,就能以一种不扎眼地方式划分各个区域。
   4. 将数据突出强调(Spotlighted Data)

   什么是突出强调
  由于用户习惯越来越趋向于极简的界面,大家也就更常用一些大字和撞色来强调某些数据,使其成为视觉焦点。根据不同目标客户群的需求,突出数据也有很多种方式。
   为什么要突出数据
  受到大字和跳色的影响,用户会把注意力放在屏幕内指定的区域,这样的方式既不刻意,也不强制。由于提供了更简便的导航和收集信息的体验,信息就能更迅速地被用户接受。

用这13个方法,帮你做出真正轻量化的移动App 设计-2 (字体设计,最大限度,Design,注意力,编者按)

   5. 创造微交互(Micro-interaction)

   什么是微交互
  微交互是在一个用例中做出一些小的视觉提升(如动画、音效等),使用情境可以是完成一段数据处理、点赞或者推送即时消息等等。这些交互虽然看起来很微妙,却能正好让你注意到关键元素,以此来提高不同产品间的辨识度。
   为什么要有微交互
  举例来说,当用户在完成一些小任务,比如调整设置,系统能够弹出友情提示信息,这种人性化的微交互就像是贴心小棉袄。用户也会觉得拥有特赞的微交互的app用起来更有意思。
   6. 精简你的配色

   什么是精简配色
  2013年扁平化设计横空出世后,精简调色板就成为了一个趋势,一切以明确和简洁为纲。结果,设计师和用户为了更干净的界面,都开始尽量少用颜色。
   为什么要精简配色
  颜色在创造特定情绪、引导用户视线和品牌传达中都必不可少。品牌使用较少甚至专一的颜色能更直接反映出它的品牌标识性。另外,用户也更喜欢不那么乱花渐欲迷人眼的视觉效果,它能相当有效地突出要点,使导航在app使用流程中更清晰明了。
   7. 让界面层次化(Layered Interface)

   什么是层次化
  曾几何时,界面设计是拟物化(以写实为准则的设计,如日历app做得像真的日历、有景深的app图标、手机相机的快门声音)的天下。如今,时移世易,大家都高唱“扁平化大法好”。一番改朝换代,扁平化刷新了一些新的规则,设计不再只关注3D能做多真,而是改用“层”的方式来营造实体感,从而创造一种更“可触摸”的体验。
   为什么要层次化
  虽说“扁平化大法好”,但扁平化设计最有可能犯的错就是“太扁”,因为其设计过于微妙,以致用户很难辨识和参与其中,更别说将其联想到3D实物世界(或者以前的拟物世界)。而“层次化”则利用z轴表达出了物件压物件的竖向关系。分层和增加深度有助于辨别不同物件之间的关系,也能让某些特定的对象得到关注。
123下一页
友荐云推荐




上一篇:41% 的App 不合格?可能是你没试过这个快速高效的工作流程!
下一篇:还在用「颜值」评估设计?教你个不那么Low的方法
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

wc8mm 发表于 2016-10-5 02:58:51
不错 支持下
回复 支持 反对

使用道具 举报

迎松 发表于 2016-11-8 21:12:50
楼猪V5啊
回复 支持 反对

使用道具 举报

AllKiller 发表于 2016-11-21 17:23:08
永远有多远?你小子就给我滚多远。
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表