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