mvc在网站开发中的应用,给网站网站做推广犯法,办文明网站 做文明网民活动,flash网站制作教程#xff08;续上回#xff09;
今天来讨论下产品设计标准流程中#xff0c;交互设计和视觉设计的内容。 想参考之前文章的#xff0c;我把链接给到这里。
【giszz笔记】产品设计标准流程【6】-CSDN博客
【giszz笔记】产品设计标准流程【5】-CSDN博客
【giszz笔记】产品…续上回
今天来讨论下产品设计标准流程中交互设计和视觉设计的内容。 想参考之前文章的我把链接给到这里。
【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设计效果图 元宇宙产品设计效果图 如上特别是元宇宙产品更为典型效果图的推出实际在项目立项、投标等环节可能就有涉及了那时的效果图是能多炫酷有多炫酷。在当前的步骤中效果图要更加的真实要能指导开发不能再有任何仅凭想象或者技术团队努力也无法够得着的效果的出现。
下一章中我们将讨论最后一个话题交互设计。
