下载APP

扫码下载APP

教你互联网产品视觉设计的流程

全栏目价格 ¥399
2020-12-09 11:33:36

概述:1.视觉设计探索。这个阶段主要根据需求、产品性质、目标用户需求、同行业产品竞争分析,提出产品的视觉设计表现内容和方向。将这些方向凝练成明确的设计概念,一般是用几个能够定义产品属性的关键词,比如亲和力的、专业的、简约的等等,概念来源于前期的分析。围绕关键词,可以做些发散性联想,就是

点击收藏

¥399.00
使用微信“扫一扫”付款

1.视觉设计探索

         这个阶段主要根据需求、产品性质、目标用户需求、同行业产品竞争分析,提出产品的视觉设计表现内容和方向。将这些方向凝练成明确的设计概念,一般是用几个能够定义产品属性的关键词,比如亲和力的、专业的、简约的等等,概念来源于前期的分析。围绕关键词,可以做些发散性联想,就是拓展关键词,主要是为下一阶段情绪板的构建作为准备。紧接着会从关键词出发,收集大量的图片素材,目的是为后期设计探索提供颜色、创作灵感。情绪板收集后,提取能够反映设计理念的颜色,确定主色和辅助色。一般界面设计到辅助形,这个阶段也会尝试着根据情绪板中图片的视觉感受,利用提取的颜色,结合点、线、面等手段去“还原”意象,目的是利用辅助形加强界面的视觉感受,保证统一性。情绪板结束后,就是开始大量的视觉探索,前期方向不是很明确,可以放开了去设计,根据设计草案不断地去优化,明确设计方向。最后阶段就是提案,一般会选取两到三套方向合适的草案,结合完整的交互框架图,做提案。

2.视觉标准化

         一般软件界面或是大型网站都是迭代设计,页面也复杂,为了保证多个设计师设计效果统一,会做视觉规范。视觉规范主要涉及到控件库的构建、标准色值确定、图标/图像/logo等尺寸确定、通用性页面结构布局等,当然还有很多其他方面。

3.视觉生产

         基于前期的标准“铺图”,设计高保真效果。

4.视觉输出

         向前端或是开发提供各种数值、资源文件。

5.视觉检查

         对照高保真,检查实现的还原度,提出视觉BUG。

6.设计完成

         移动端与web端可能略有些不同,但我认为上面的流程基本是一样的。做移动端经验:拿到线框图了,最好利用原生控件,快速搭建几个关键页面,把各种字号、图标尺寸确定好几套标准,然后再此基础上展开设计探索,个性化定制。

联系我们

客服:400-106-1888

地址:河北省石家庄市中山路开元大厦12层

Android下载
iOS下载

所有版权均归 河北墨儒企业管理有限公司 所有 冀ICP备19018937号-6    地址:河北省石家庄市中山路开元大厦12层