美文网首页
【每周一译_w2】简单几步使你的图标设计的更棒

【每周一译_w2】简单几步使你的图标设计的更棒

作者: 猴子无脑 | 来源:发表于2016-11-25 16:47 被阅读0次

    原文标题:Easy Steps To Better Icon Design

    作者:Cosima Mielke

    原文链接:Easy Steps To Better Icon Design – Smashing Magazine


    译文正文:

    图标优化前后对比

    【作者在开头软广了下他的工作,iconfinde这个图标素材网站几年前就用过,确实很有名气,值得推荐。】

    图标和矢量图片市场正在让优秀的矢量图标变得更质优价廉,而且对于网页和印刷设计师来说也是个更容易获得可用素材的来源。数千套优质高价的图标和数百套免费图标都可以在这里找到。

    我们认真审核每套提交上来的图标,评估它对我们网站用户的潜在吸引力和作为优价图标的商业价值。对于我们的设计师与客户,我们有责任确保网站上每套图标的质量合格。为了达到这一点,我们经常提醒自己要注意“不足够好”和“优质价高”之间的区别。虽然常常区别很小,并且只需要稍作改动即可。但是对于这套图标本身的设计和价值有很大影响。不像其他交易平台,我们很少拒收那些看起来并不满足要求的图标。相反,我们将会分享很具体可行的建议来让设计师优化图标。

    这篇文章分六步讨论了一套图标的设计之道。这些步骤遵循了基本的图标设计理念,包括统一性,识别性和准确性。有效的图标设计原则已经在图标设计师John Hicks的书里《the icon handbook》深度论述过了。本文论述的这六步应该看做是指导而不是教条一样的原则清单。成为一个伟大设计师的重要一环是,学会什么时候去打破规则,什么时候去遵循规则。

    【作者接下来拿了一个设计师的作品做例子,讲解了如何用这六个步骤优化图标,这里只简单整理下要点。详细内容请阅读原文】

    角度、粗细、间距

    有效图标设计的3个属性

    1. 形式(form)

    2. 整体的美感(aesthetic unity)

    3. 可识别(recognizability)

    六个步骤

    1. 总是从网格开始(always start with a grid)

    2. 开始时用简单的几何形状设计(start with simple geometric shapes)

    3. 按部就班:边,线,角,弧度和角度 (by the numbers:edges,lines,corners,curves and angles)

    4. 在图标里穿插有连贯性的设计元素和符号 (use consistent design elements and accents across icons)

    5. 不要过度抠细节和使用修饰(use details and decorations sparingly)

    6. 让它与众不同(make it unique)

    简单的形状塑形

    结论

    我们已经分享了如何创造高质优价的基本内容。这些基本的东西都是技术技巧,任何人都能学会并且通过实践练习就能精通了。记住创作更好的图标时,从普通的形状和向个性努力开始。并且要注意共用元素审美上的一致,保持你的图标内在统一,整套图标也是一样的。一旦你掌控了这些基本技巧,你就可以集中精力在能让图标真正出类拔萃的地方了:那就是你独特的,富有创意的想象力。(译文完)


    做这个周译的系列目的是为了把英语学习和设计专业两者结合起来——“学是为了更好地用”。翻译水平很有限,很多地方读起来硌眼睛,还请大家多多留言提建议~

    相关文章

      网友评论

          本文标题:【每周一译_w2】简单几步使你的图标设计的更棒

          本文链接:https://www.haomeiwen.com/subject/jucwpttx.html