移动互联网|详细解读图标设计!

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

【移动互联网|详细解读图标设计!】移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

文章图片

移动互联网|详细解读图标设计!

来源:微信公众号 PingMianDesigner(平面设计)


其实图标创意阶段前还有一个重要的步骤 -- 创意准备 。 根据设计师所要做的项目需求 , 确定ICON图标的风格样式 , 这一步骤在界面设计过程中 , 可用图标风格评测的方法来确定所绘制的图标是什么样的风格路线 , 这也是项目前期对用户研究的内容 , 有潜力的公司会制订“用户角色” , 用来指导界面视觉风格方向、界面内容建构和交互设计等 。

当设计师从客户那里接到设计任务后 , 应怎样开始设计图标呢?首先要看懂界面的需求 , 并对每个功能图标的定义要非常清楚 , 否则设计的结果将导致用户难以理解 , 这个也是图标设计所关心的可用性问题 。

但视觉审美和可用性有时候存在着矛盾 , 设计师们不能走极端 , 只顾及可用性而忽视设计美观的一面 , 也不能太追求设计上美的需求而忽略了这是一个功能性很强的界面图标 , 最好是能在这两者之间取得平衡 。

理解功能需求后 , 设计师要收集很多关于“关键词语—联想图形”之间能转化的元素 , 用生活中的物或其他视觉产品来代替所要表达的功能信息或操作提示 。 例如:音乐 , 我们会想到音符、光盘、音乐播放机、耳机等 。 但到底选择什么来表达呢?原则上是越贴近用户的心理模型最好 , 用大家常见的视觉元素来表达所要传达的信息 。


草图绘制阶段就是将设计师的创意绘制出来 , 检验视觉关系 , 也就是在视觉方面多在草图上推敲 , 以提高效率 , 避免在渲染完成后再来修改而造成不必要的浪费 。 首先要确定图标透视 , 即关系到一套方案中的每个图标的透视方向 , 这是在图标设计一致性方面的基本要求 , 透视统一 , 然后一步步地进行细节添加 。