童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

设计师必看iOS7图标设计的七条黄金法则

12月20日 逆落雪投稿
  你是怎样设计iOS7图标的?如果还没开始上手?不要紧,抓紧练习前,先看看CraigGrannell从设计大神那里总结的一些经验。
  iOS7的图标设计,评论不一,肯定有优点,也有缺点,正如Bjango设计总监MarcEdwards说的那样:“不管iOS7好还是坏,大部分应用的图标都根据iOS7的视觉风格进行了调整,我个人怀疑iOS8的视觉转变可能会更大,但无论如何,iOS7还会存在很久。”
  从iOS6到iOS7,苹果的转变未免太激进了,这给很多设计师设置了障碍:原来在iOS6上的设计经验一点都用不上。
  那么到底要怎样设计iOS7图标呢?我们一道来听听大师的看法,一道探索吧。
  01。使用辨识度高的隐喻
  (1)Edwards首先注意到的一点便是图标通常尺寸都很小,因此图标设计的关键就在于:简单的勾勒出应用的整体概念
  “一般的做法是使用一种或两种辨识度较高、能代表概念的物体。然后再用优秀的色彩和流畅的形状来塑造美感”
  (2)而设计师JonHicks认为除此之外,图标的隐喻性也要强(比如说拍照应用),图标应该是一种能够有所代表的符号,具有一种标识性(不可否认,Safari的品牌塑造就很成功,大部分人一眼都能认出来),Apple的游戏中心以及设置图标的隐喻性就很差。
  (3)SoftFaade的创意总监DmitryTsozik认为设计师不要自作聪明:“随随便便放上个白背景,再填几个彩色圆环,这能叫图标吗?”
  这种图标不具备功能性,通过图标无法了解应用的功能、概念。
  多研究研究色彩和隐喻,图标的作用是引导用户进入应用的窗口,最好让用户一眼皆知应用的功能,不要让用户猜。
  照相机图标非常显眼,但是过于厚重,美感不佳,不过它的隐喻非常强烈,一眼皆知这款应用的用处。而游戏中心。隐喻糟糕透了。
  02。鲜活用色
  Iconfactory联合创始人GedeonMaheux认为即便你对iOS7的色彩体系不感冒,你也要研究研究iOS7的图标设计风格,毕竟苹果是设计风向标:“在设计中尝试打造鲜明的对照感。iOS7因明亮的边界、清晰的线条、大胆的色彩而著称”
  他认为明亮的色彩能带来一种活力感和趣味性,柔和、细腻的色彩却无法做到这一点。
  iWork应用色彩非常鲜活,辨识度极高
  03。使用栅格线
  Maheux建议在开始iOS7图标设计时,使用当下流行的iOS7栅格线:“能让你分块的设计,并且能够构建界面中图标的整体感。采用栅格线方式进行设计的图标越多,在界面中就能更好的彼此匹配,界面中图标的整体感越强”
  当然,他也认为,不应该太限制自我:“如果你觉得打破栅格线,你的设计会更出彩,那不妨试试”
  苹果的栅格线能让你进行“各个击破”的设计,但是必要情况下可以打破栅格线的限制。
  04。避免信息过载
  iOS7高度依赖字体。纤细的字体让按钮区域充满了大量的留白。
  但是Edwards认为图标尽量不要和纤细的字体结合:“图标应该是一种符号化的元素,本身就是一种视觉语言,不应该和文字语言联系到一起。即便结合,文本也不宜过多。”
  比如说设置中的VPN选项,微图标和文本结合让人有一种信息过载的感觉
  05。适度添加深度感
  iOS7的视觉风格可以看作是一种扁平化设计,JonyIve特别强调了iOS7“层次”的概念,而不是一种单一的扁平。Maheux认为,若想要与众不同,必须设计的与众不同:“加入一点投影、加入一点渐变也无妨,多做做实验,没准一种新的流行由此诞生,iOS7上的设计充满了无限可能,不一定要死板的扁平。”
  Iconfactory的Scope
  Mirror图标便具有深度感,效果比纯扁平设计好多了。
  06。一致的视觉风格
  (1)可以看看苹果应用商店套件的图标,很明显,他们都是一个系列的图标。
  设计成套图标和设计一款图标,要考虑的东西不尽相同。设计成套图标还要考虑一致性。
  设计师要刻意培养自己的这种整体感,即便你的工作是设计一款图标,你也可以这么想:“要是这款应用有了姊妹应用,那么图标该要怎么设计?”通过这种假象来锻炼自己的设计思维。
  (2)不过Hicks还提醒,一致性不意味着拘泥于一种形式:“线条粗细不必完全相同、颜色也不必完全一致,但是整体风格一定要和谐、匹配”
  他强调“白色符号搭配色彩渐变”这种方法最简单。(或者在白色背景上使用多彩、透明的图标)“整体风格统一单个图标根据隐喻的不同来灵活设计”
  (3)Edwards认为:“通过一致性设计,能够增加同一系列应用、图标的联系感”
  打造一致性的方法有很多。
投诉 评论 转载

FlappyBird成功之道:极简设计,贵人相助一款没有道具,画面一般的手机游戏FlappyBird,在近日推出更新后在中国的AppStore免费榜排到了第二位,在美国的免费榜上依然高居榜首。一位名叫Charle的国内……江湖险恶生存不易:手游创业的九种死法文游戏葡萄江湖险恶生存不易。无论是自己走火入魔还是被人下毒暗算,在成功之前就死掉,创新抑或山寨都救不了你。看看手游创业有哪些常见陷阱。1、找不到钱死亡最多的可……周鸿祎:互联网思维不是“万能药”今天越来越多的传统行业正在受到互联网的冲击,众多企业面临着互联网的挑战,希望更好地理解互联网。于是,互联网思维这个词不胫而走,也越来越热,但我很担心互联网思维最后变成了“包治百……莞式服务遭劫,社交类APP可以从中学点儿啥?在莞式ISO服务罹难遭劫的当下,我忽然想起了几年前的一段视频:妈妈桑用PPT对下面的服务技师进行深度培训,教育技师们如何使用移动社交软件招徕客人并为客人提供服务。相信许多……腾讯设计师谈微信的旧容与新妆,AndroidDesign是大编者按:本篇投稿选自腾讯大讲堂(更多腾讯产品技术文章,可以关注“腾讯大讲堂”微信公众账号),由腾讯研发管理部高级设计师Vertu撰写,他以产品设计师的视角,对比……莞式服务(当我们意淫“互联网思维”时,人家已经玩剩下了)小编诳语:焦点访谈终于开始管老百姓的性生活了央视对“莞式服务”发难,据说东莞在焦点访谈播出当晚马上封街扫黄相信大洋彼岸美帝从间谍卫星看到一座不夜城突然消失也一定会扼腕痛惜。谨记……漫谈响应式网页设计1。如何理解响应式设计(RWD)zhongfan:学究一些,首先大家先了解一下响应,然后再讲一下设计,响应就是我发出的请求能得到什么样子的回复,比如我说“你好”,你会很容……设计师必看iOS7图标设计的七条黄金法则你是怎样设计iOS7图标的?如果还没开始上手?不要紧,抓紧练习前,先看看CraigGrannell从设计大神那里总结的一些经验。iOS7的图标设计,评论不一,肯定有优点,……用户动机是“以用户为中心”的方法论产品设计包括:产品策划(提炼需求的文案部分)和原型交互设计(产品的原型表现部分)。今天谈点上边的前半部分:产品是如何策划出来的?谈产品策划同行们大都知道“以用户为中心的设……高大上的手绘APP设计草图移动端用户体验设计正日趋成熟。衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事件,比如Balsamiq、Axure以及Fireworks,帮助我们诠释目标……高手之路!网页设计中的对称与不对称小时候,很喜欢蝴蝶,感觉这是大自然最神奇的赋予,当它们双翼张开,总是禁不住欣赏它们那种美丽的优雅以及多姿的色彩。更重要的是,这种天生的对称感,美得令人窒息。对称风格……智能家居和车联网将成网络社会的样本?在最近的一次前沿技术的分享会上,作为传统设备商老大的爱立信,把智能家居和车联网的胶片页提前到移动终端增长趋势的描述之前。这源于最近发生的两个事实:一是谷歌以32亿美元收购……
浅谈认知心理学与产品设计的结合日本设计做了哪些我们没做的事?用数字激励用户?情景和用户心理引导的意外基于云计算的通讯录产品设计漫谈互联网产品商业需求文档(BRD)的设计Facebook设计师是怎么工作的instagram:基于移动场景的典型设计和开发融合的关系互用户为何流失流失用户研究方法及流程手机客户端交互适配设计之我见10件事让你成为一个更好的网页设计师Dropbox的邀请返利设计社交网络应故意设计得“不够完善”

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界