图标设计:教你如何有效地使用5个步骤设计漂亮图标

日期:2012-5-15  来源:GBin1.com

图标设计:教你如何有效地使用5个步骤设计漂亮图标

在今天这篇文章中,我们推荐来自adbuzeedo的这篇图标设计文章。在这篇文章中,作者使用5个步骤来设计超酷的图片,希望大家喜欢!

对于Icon设计来说,它要求很多设计技巧。设计者需要使用一个简单的符号在UI界面中展示行为,产品或者服务 。这里我们将展示一个设计图标的流程,并且提供我们免费给大家带来的图标设计。

步骤1:头脑风暴(brainstorming)

首先我们和设计师来讨论最合适的展示方式及其象征方式。只要我们选择了合适的构想,我们就开始下一个步骤。

步骤2:草图设计

我们通常使用3到5个铅笔素描来设计我们的图标构想。然后我们再讨论我们喜欢那一个图标。最后选择一个草图。

图标设计:教你如何有效地使用5个步骤设计漂亮图标

步骤3:Photoshop渲染制作

基于铅笔草图我们开始使用PS来渲染。然后我们创建主要形状并且继续制作细节。

图标设计:教你如何有效地使用5个步骤设计漂亮图标

步骤4:优化细节

在这个步骤中,我们将专注于材质和光线。对于图标设计来说,第一眼比较清楚是非常关键的。我们需要调整夸张效果来达到用户一眼就可以认出的效果。

图标设计:教你如何有效地使用5个步骤设计漂亮图标

图标设计:教你如何有效地使用5个步骤设计漂亮图标

步骤5:最后讨论和定稿

最后我们需要再见一次,然后看看是否图标是我们喜欢的。最后我们完成整个制作。

图标设计:教你如何有效地使用5个步骤设计漂亮图标

....

来源:图标设计:教你如何有效地使用5个步骤设计漂亮图标

posted @   igeekbar  阅读(488)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架

中文互联: GBin1.com | RSS订阅 | 邮件订阅 | 手机订阅

点击右上角即可分享
微信分享提示