移动设计第8课:图标一致的重要性

Paying attention to your icons and constancy can truly pay off

把注意力放在图标上,这样才能真正做到一致性。

Coursera- Coursera is an online education service which provides free university courses on all sorts of topics.

Coursera——

Coursera是一款在线教育服务APP,它能免费提供大学各类主题的课程。

Through Coursera, you can take a biology course from Harvard or finance from Stanford - for free. What they do is amazing. Yet, when you try to browse through their courses using their app, the experience is not that engaging. When you try to look for new courses they are organized in a grid where they are divided into topics.

通过Coursera,你能免费学习哈佛的生物课或者斯坦福的经济学课程。Coursera所做的事情让人吃惊。但是,当你试着使用他们的APP浏览课程时,感觉并没有那么好。当你试着寻找新课程时,你会发现这些课程被分为各种主题,并以网格形式布局呈现。

Furthermore, the topics are accommodated with big icons. The icons are boring; they may depict the topic well but they are also mismatched in style. Some icons are outline, some are solid, some are both, some use negative space, and some use transparency. Similar topics are also colour coded where ‘Art’ and ‘Music, Film and Audio’ are both purple. The colours picked are unattractive, too similar and doesn’t do too much justice. Colour coding helps, but right now most of the topics are blue; there are three different shades of blue making 14/25 categories blue.

此外,这些主题以很大的图标进行标识。那些图标很烦人,尽管它们可能会很好地描绘了主题的内容,但在设计上很突兀。一些图标是线形的,一些是有填充色的,另一些是二者兼有的;一些是使用“负面空间”(译者注:负面空间是一个艺术上的特殊名词,指的是一张图画或照片中,画面主体之外的空间部分。),而另一些使用透明。相似的主题,颜色也相似,像“艺术”和“音乐、电影和音频”都是紫色的。APP中所使用的颜色毫无吸引力,它们太相似了,并且一点都不合理。对颜色进行编码很有用,但在这款APP中大部分主题都是蓝色,它一共采用了3种不同的蓝色色调来制作了14/25种不同类型的蓝色。

This iconography is on the right track; it’s just not 100% there. Tone down the hues and pick better combinations to colour code. Next, spend some time in making sure the style matches. Having higher quality icons has potential to increase engagement and excite students to find new courses. It’s okay to use colour within the icons as well to help bring them further to life; no one ever said all icons have to be exclusively white. Above all, have fun with it. Icons don’t have to be dull, they can also be fun.

采用“图标形象”的方式是对的,但Coursera的使用方法并不是100%正确。应该淡化色调,并且采用组合的方式进行颜色编码。接下来,花一些时间来确保图标样式上互相匹配。高质量的图标会提高人们的参与度,并激励学生找到新课程。在图标中使用颜色是个好办法,这样能够帮助人们更进一步地把图标和生活联系起来,没人说过所有的图标一定要是全白色。总之,享受这一切吧,图标并没有那么沉闷,它们也能很有趣。

Take away:If you are using icons as part of your design don’t let them fall short. They can be a great design element if you make sure the icons are high quality.

总结:如果你想使用图标作为你设计的一部分,就不要敷衍对待它们。如果你确定使用了高质量的图标,那这些图标就能成为出色的设计元素。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容

  • **2014真题Directions:Read the following text. Choose the be...
    又是夜半惊坐起阅读 9,437评论 0 23
  • 夜色凝重 犹如一团化不开的忧愁 我的出现 命运注定了 一颗流星的滑过 在自己的轨道上哭泣 你有属于自己的方向 而我...
    季风无忌阅读 342评论 2 6
  • 长相思·崖山烈士(词林正韵七平) 血斑斓,泪斑斓,青血斑斓倚剑攀。崖山孑影单。 意拳拳,志拳拳,壮志雄心难苟安。放...
    舒己怀_Frank阅读 532评论 17 42
  • 有时的缘起缘落不过是瞬间的事情,来了就是了;走了便没了。我不相信有不了解的执着等待,不相信没有利益的交往关系,你,...
    荆豆阅读 680评论 0 4