0 Comments

跟上潮流!手把手带你入门IOS 8人机界面设计(下

发布于:2014-12-10  |   作者:广州网站建设  |   已聚集:人围观

颜色的含义

颜色是有含义的。你可以使用红色、绿色、蓝色和中性色调分别表现破坏性操作、确认操作、链接和非活动状态。如果将这些颜色用做其他用途则会误导用户。例如,删除按钮上一定不要使用绿色。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

深度

深度可能是最难理解的一个部分了。这是个非常抽象,同时又很有力而独特的概念。深度是指所有内容都应当具有关联和过渡关系。在真实生活中,当你从一个房间进到另一个房间中时,你会产生过渡和距离感,这样你才不会迷路。这个理念同样适用于用户界面。

“对人和人所存在的现实的冷漠,是设计的唯一大忌。”-Dieter Rams

过渡界面

从个人角度来讲,我认为这是iOS 8最有意思也最独一无二的一方面。每个屏幕之间的过渡、桌面缩放成文件夹然后缩放到应用。从传统角度来说,这种技巧很难操作,但Xcode 5让这一切变得容易实现。有关这部分技巧将在动画部分进行详解。

设计师Xcode自学指南!

模糊背景

背景不能影响到内容的清晰度。将背景模糊化不仅能让你保证其颜色的自然,同时能够突出前景。模糊并不是无中生有的效果,它在现实生活中也真实存在,比如你定睛看某个物体时,其他物体就会变模糊。

一切为了讨喜

在指南中有3项能够让应用出彩的内容没有被提到:动画、手势和音效。这3项内容很容易用过火,所以要谨慎。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

动画

动画不仅能作为画面之间的过渡,还能给你的设计增添趣味性。另外还能让容易被忽略的元素受到关注。

关于该不该做动效设计,这篇文章总结了几个要点:《DO OR DO NOT?如何从3个方面判断是否做交互动画》

有意义的动效,得先学会这招!《涨姿势!动效设计如何从四个维度吸引你的注意力?》

手势

自iPhone 5开始采用长屏幕以来,后退按钮按起来就不那么方便了。所以说,手势虽然比不上眼睛看得见的视觉按钮,但也可以作为视觉交互的一个延伸。其对于水平比较高的用户来说非常方便。而随着我们大家的水平日渐提高,视觉提示正逐渐让位给一些真正有用的功能。

音效

音效在应用中的使用很少,但其却能将一项平凡的任务转变成令人激动的体验。通过音效,大家不用眼睛就能知道你使用的是什么应用。如果能让音效达到耳熟能详的效果,你就能以最小的努力赢得很大的成功。

三条规则

下面这3条极为重要的iOS 设计规则是万万不可忽略的:思考触摸界面、提高文字可读性并针对iPhone 4进行优化。

触摸设计

按钮应当方便好按。在视网膜屏幕上,按钮的大小应当为60-120px高。最佳高度为88px。在极少数情况下,可以为文字内部的链接设定44px,但使用时要慎重——用户可能很难按得到。即便是纯文字按钮也应该有至少60px的可点击区域。宽度应与高度相同。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

可读性

在视网膜屏幕上,文字大小不能小于22px。最佳阅读字体大小为32px。使用120-140%的线高可提高阅读体验。

转移到网页版上,可读性仍然是关键的一环,案例+方法:

入门模板

学习新技术的最佳方式就是对他人的作品进行反向工程。这些模板不仅可以帮助你学习,还可以拿来直接使用或者定制,这样一来你就不用每每从零开始,从而能够避免很多出错的可能性。模板能让你的设计更加得心应手,慢慢地你就会入迷。

ios 8 Template for Sketch

iOS 8 Template for Sketch是一个绝佳的起点。其可为你提供iOS 8中现有的大多数UI元素,你可以在自己的设计中随心使用。在使用时,要逐渐习惯标题、按钮、对话框等元素的尺寸。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

iOS 8 Illustrator Vector UI Kit

这是针对iOS 8的一套非常完整的UI包。这个模板虽然全面但是只适用于Illustrator。

iOS 8及iPhone 6资源

为iOS 8和iPhone 6及Plus进行设计相对还说还是个比较新颖的课题,所以说这一部分会不断更新。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

标签:
飞机