本文详细阐述了产品设计流程中视觉设计的各个环节，包括需求调研、制定视觉设计规范（如色彩、字体、界面设计等），以及完成设计效果图的重要性。强调了在项目中真实、指导性强的设计原则，特别是元宇宙产品的视觉呈现和交互设计的后续影响。
（续上回）
今天来讨论下产品设计标准流程中，交互设计和视觉设计的内容。
想参考之前文章的，我把链接给到这里。
七、视觉设计
1.视觉设计需求调研
历尽千辛万苦，通过了PRD评审，马上要进入实质的开发阶段了。此时，需求已经基本明确，下一步，应该做好视觉设计和交互设计。
看了很多创业公司的的产品，不少大厂基因的团队，对视觉设计真是一点都不重视。还美其名曰，你看GOOGLE也是那么简单，多好用啊！
请问，你提供的价值，有Google那么不可替代吗？
如果是委托类项目，有如下的调研内容：
- 企业CI
- 企业内部的视觉设计规范
- 现有系统的视觉设计
- 企业文化
- 用户群体特性
- 操作使用环境
- 操作使用习惯
有资料的要来资料，可以看到对方比较有POWER的关系人的喜好。如果没有详实的资料，要多做一些调研，有一个方法，就是让客户找一些他们喜欢的例子。
另外，如果是出海项目，一定要多调研当地的网站，多了解客户当地的文化理念，以及现有在用产品的生命原色，产品隐喻，所在地方的政治约束，社会元素等众多因素，为后期设计适合本产品的特有视觉风格提供依据。
2.制定视觉设计规范
如果是委托项目，视觉设计规范，用客户的，或者为当前的项目，单独做一套。如果是大规模的项目，涉及的端比较多，要考虑各种场景。
如果是自研产品，视觉设计规范，遵循公司的统一框架，同时根据当前产品的特点，市场战略，可以制定独特的规范。
这里涉及PM/UE/VI几个岗位的人员，根据个人经验，建议产品总监、产品VP，甚至CXO，也要参考视觉和交互设计。
视觉设计规范的要素包括：
-
品牌标识：公司、产品或服务的标志，需要考虑到颜色、比例和字体等元素。
-
色彩方案：定义公司或品牌的颜色调色板及其使用规则。
-
字体规范：确定公司或品牌的字体，以及字体的大小、粗细和间距等。
-
图片和图形规范：包括公司或品牌的官方图片、标志、图表、图形以及它们应该如何使用。
-
界面设计规范：包括网站、应用程序、移动应用程序等的样式和布局。以及控件、图标、按钮等的设计规范。
-
文字排版规范：定义各种文档的文本格式、排版和样式。
-
视觉效果规范：包括按钮、悬停、下拉列表等特定的视觉表现形式。
-
印刷规范：包括传单、海报以及其他印刷品的尺寸、颜色、分辨率等要素。
以上是视觉设计规范的要素，通过合理的视觉设计规范，可以提高企业的品牌形象和市场影响力。
下面给出几个形象的例子，具体的视觉设计规范的，后续我们有机会再扩展。
例如：
色彩，规定标准色。
规范：重要、一般、较弱
重要：重要颜色中一般不超过3种；
一般：都是相近的颜色，而且要比重要颜色弱；
较弱：普遍用于背景色和不需要显眼的边角信息。
3.完成设计效果图
这个产品不管是硬件、软件，还是解决方案，效果图都是很重要的一环。尽管最后产品的效果，和最初的设想，未必能完全一致（在互联网和toC领域，其他重要的政务、军工、工业领域除外）。但是效果图真的不是“胎教”，真的有所见即所得的特效。
一般的效果图，包括如下的要素：
- 透视图：透视图是产品效果图中必不可少的要素之一，它可以展现出产品的整体结构和外观特点。
- 灯光效果：适当的灯光效果可以使产品效果图展现更加真实的感觉，增强产品的立体感和质感。
- 材质质感：不同材质的产品在效果图中需要通过不同的质感来展现其特点，如金属质感、木质质感、皮质质感等。
- 颜色搭配：产品效果图中的颜色搭配要合理，能够凸显产品的特点，同时也要符合整体设计的风格和要求。
- 细节呈现：产品效果图中的细节呈现需要清晰明确，能够让用户了解产品的特点和功能。
- 背景场景：产品效果图的背景场景需要与产品相符合，以突出产品的亮点和特点。
如果是App等软件产品，在PRD中，如果已经有高保真原型图了，效果图的输出仍然是必要的，因为这个步骤中，专业的美术设计人员，更有浪漫主义理念的人员将登场，这也直接影响到后续的交互设计环节。
网站界面效果图
App设计效果图
元宇宙产品设计效果图
如上，特别是元宇宙产品，更为典型，效果图的推出，实际在项目立项、投标等环节，可能就有涉及了，那时的效果图，是能多炫酷有多炫酷。在当前的步骤中，效果图要更加的真实，要能指导开发，不能再有任何仅凭想象，或者技术团队努力也无法够得着的效果的出现。
下一章中，我们将讨论最后一个话题，交互设计。
扫一扫
7804
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
