【giszz笔记】产品设计标准流程【7】

(续上回)

今天来讨论下产品设计标准流程中,交互设计和视觉设计的内容。

想参考之前文章的,我把链接给到这里。 

【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,也要参考视觉和交互设计。

视觉设计规范的要素包括:

  1. 品牌标识:公司、产品或服务的标志,需要考虑到颜色、比例和字体等元素。

  2. 色彩方案:定义公司或品牌的颜色调色板及其使用规则。

  3. 字体规范:确定公司或品牌的字体,以及字体的大小、粗细和间距等。

  4. 图片和图形规范:包括公司或品牌的官方图片、标志、图表、图形以及它们应该如何使用。

  5. 界面设计规范:包括网站、应用程序、移动应用程序等的样式和布局。以及控件、图标、按钮等的设计规范。

  6. 文字排版规范:定义各种文档的文本格式、排版和样式。

  7. 视觉效果规范:包括按钮、悬停、下拉列表等特定的视觉表现形式。

  8. 印刷规范:包括传单、海报以及其他印刷品的尺寸、颜色、分辨率等要素。

以上是视觉设计规范的要素,通过合理的视觉设计规范,可以提高企业的品牌形象和市场影响力。

下面给出几个形象的例子,具体的视觉设计规范的,后续我们有机会再扩展。

例如:

色彩,规定标准色。

规范:重要、一般、较弱

重要:重要颜色中一般不超过3种;

一般:都是相近的颜色,而且要比重要颜色弱;

较弱:普遍用于背景色和不需要显眼的边角信息。

 

3.完成设计效果图

这个产品不管是硬件、软件,还是解决方案,效果图都是很重要的一环。尽管最后产品的效果,和最初的设想,未必能完全一致(在互联网和toC领域,其他重要的政务、军工、工业领域除外)。但是效果图真的不是“胎教”,真的有所见即所得的特效。

一般的效果图,包括如下的要素:

  • 透视图:透视图是产品效果图中必不可少的要素之一,它可以展现出产品的整体结构和外观特点。
  • 灯光效果:适当的灯光效果可以使产品效果图展现更加真实的感觉,增强产品的立体感和质感。
  • 材质质感:不同材质的产品在效果图中需要通过不同的质感来展现其特点,如金属质感、木质质感、皮质质感等。
  • 颜色搭配:产品效果图中的颜色搭配要合理,能够凸显产品的特点,同时也要符合整体设计的风格和要求。
  • 细节呈现:产品效果图中的细节呈现需要清晰明确,能够让用户了解产品的特点和功能。
  • 背景场景:产品效果图的背景场景需要与产品相符合,以突出产品的亮点和特点。

如果是App等软件产品,在PRD中,如果已经有高保真原型图了,效果图的输出仍然是必要的,因为这个步骤中,专业的美术设计人员,更有浪漫主义理念的人员将登场,这也直接影响到后续的交互设计环节。

网站界面效果图 

App设计效果图

 元宇宙产品设计效果图

 如上,特别是元宇宙产品,更为典型,效果图的推出,实际在项目立项、投标等环节,可能就有涉及了,那时的效果图,是能多炫酷有多炫酷。在当前的步骤中,效果图要更加的真实,要能指导开发,不能再有任何仅凭想象,或者技术团队努力也无法够得着的效果的出现。

下一章中,我们将讨论最后一个话题,交互设计。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/200939.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【漏洞复现】IP-guard WebServer 存在远程命令执行漏洞

漏洞描述 IP-guard是由溢信科技股份有限公司开发的一款终端安全管理软件,旨在帮助企业保护终端设备安全、数据安全、管理网络使用和简化IT系统管理。 免责声明 技术文章仅供参考,任何个人和组织使用网络应当遵守宪法法律,遵守公共秩序,尊重社会公德,不得利用网络从事危…

微软重磅发布4个适合初学者的机器学习资料

自媒体火起来后,很多科技大佬都开始写博客,录视频了,大佬一入行,整个行业卷上天,像我这样的也只能走资源整合之路了,不过这样也好,科技进步,人类发展需要他们。 除了个人&#xff0…

如何实现MATLAB与Simulink的数据交互

参考链接:如何实现MATLAB与Simulink的数据交互 MATLAB是一款强大的数学计算软件,Simulink则是一种基于模型的多域仿真平台,常用于工程和科学领域中的系统设计、控制设计和信号处理等方面。MATLAB和Simulink都是MathWorks公司的产品&#xff0…

kettle spoon连接MySQL8.0数据库报错解决方法

kettle 连接 mysql 8.0报错,显示无法连接到数据库服务 错误连接数据库 [11] : org.pentaho.di.core.exception.KettleDatabaseException: Error occurred while trying to connect to the databaseError connecting to database: (using class org.gjt.mm.mysql.D…

Android使用Kotlin利用Gson解析多层嵌套Json数据

文章目录 1、依赖2、解析 1、依赖 build.gradle(app)中加入 dependencies { implementation com.google.code.gson:gson:2.8.9 }2、解析 假设这是要解析Json数据 var responseStr "{"code": 200,"message": "操作成功","data&quo…

2023亿发数字化智能工单,专业管理工单处理全流程,助力企业转型腾飞

伴随着智能化和信息化的不断深入,企业数字化转型势如腾飞。在这个过程中,工单管理成为生产、家电、后勤等多个管理场景下频繁应用的关键环节。如何满足管理方对设备、服务等智能化管理的需求,提升工单管理效率、规范管理流程,并实…

(内部资料)收下这几个人工智能学习秘籍!

秘籍一:练好基本功 学习基础知识:人工智能涉及多个学科领域,包括数学、计算机科学、统计学等。因此,学习基础知识是非常重要的。您可以通过学习线性代数、概率论和微积分等数学基础知识,以及掌握Python编程语言和常用…

【网络安全】-网络安全的分类详解

文章目录 介绍1. 网络层安全(Network Layer Security)理论实操使用VPN保护隐私 2. 应用层安全(Application Layer Security)理论实操使用密码管理器 3. 端点安全(Endpoint Security)理论实操定期更新防病毒…

如何开发干洗店用的小程序

洗护行业现在都开始往线上的方向发展了,越来越多的干洗店都推出了上门取送服务,那么就需要开发一个干洗店专用的小程序去作为用户和商家的桥梁,这样的小程序该如何开发呢? 一、功能设计:根据干洗店的业务需求和小程序的…

MySQL为什么选择了B+树

首先MySQL的数据**(索引记录)**是存在磁盘里的,磁盘读取非常慢,所以要尽可能减少磁盘操作,因此我们需要更好的利用索引。 首先索引按顺序排列了数据,那么很显然最好的查找方式是二分查找,数组自…

​​【项目实战】犬只牵绳智能识别:源码详细解读与部署步骤

1.识别效果展示 2.视频演示 [YOLOv7]基于YOLOv7的犬只牵绳检测系统(源码&部署教程)_哔哩哔哩_bilibili 3.YOLOv7算法简介 YOLOv7 在 5 FPS 到 160 FPS 范围内,速度和精度都超过了所有已知的目标检测器 并在 V100 上,30 FPS 的情况下达到实…

python网络通信之基础知识填坑

文章目录 版权声明网络通信要素IP地址ifconfig和ping命令ifconfig (Interface Configuration)ping 端口和端口号的介绍端口号的分类socket介绍TCPTCP简介TCP的特点 UDPUDP简介UDP特点 版权声明 本博客的内容基于我个人学习黑马程序员课程的学习笔记整理而成。我特此声明&#…

腾讯云轻量数据库开箱测评,1核1G轻量数据库测试

腾讯云轻量数据库1核1G开箱测评,轻量数据库服务采用腾讯云自研的新一代云原生数据库TDSQL-C,轻量数据库兼100%兼容MySQL数据库,实现超百万级 QPS 的高吞吐,128TB海量分布式智能存储,虽然轻量数据库为单节点架构&#x…

C++项目案例圆和点的关系 (涉及知识点:头文件定义类,cpp文件实现类,类和作用域,linux编译运行c++项目)

一.项目描述 点与圆有三种关系&#xff1a; 点在圆外 点在圆上 点在圆内计算点到圆心的距离就能判断点在圆的哪个地方。二.项目结构 三.include文件 3.1 Circle类的声明 Circle.h // 防止头文件重复包含 #pragma once // #include<iostream> #include "Point.h&…

时间复杂度与空间复杂度

我们知道算法的效率分为时间效率和空间效率&#xff0c;接下来我们就对这两者进行讨论。 一.时间复杂度. 又被称为时间效率&#xff0c;主要反映一个算法的运行速度。 定义&#xff1a;计算机算法中&#xff0c;算法的时间复杂度是一个函数&#xff0c;它定量描述了该算法的…

在无回显的情况下如何判断是否存在命令注入漏洞

在无回显的情况下如何判断是否存在命令注入漏洞 这种情况下可以使用OOB带外来实现&#xff0c;言而简之&#xff0c;就是利用命令执行漏洞去解析我们的dns如果dns日志有记录那就说明存在命令注入漏洞 首先先简单搭建一个无回显的命令注入 <?phpexec($_REQUEST[777]); ?&…

使用sonar对webgoat进行静态扫描

安装sonar并配置 docker安装sonarqube&#xff0c;sonarQube静态代码扫描 - Joson6350 - 博客园 (cnblogs.com) 对webgoat进行sonar扫描 扫描结果 bugs Change this condition so that it does not always evaluate to "false" 意思是这里的else if语句不会执行…

前端字典的使用

这是data里的数据&#xff1a; 这是数据展示&#xff1a;

Vue2系列 -- 组件自动化全局注册(require.context)

参考官网&#xff1a;https://v2.cn.vuejs.org/v2/guide/components-registration.html 1 作用 省略 import 引入组件 省略 在main.js 中注册 实现自动化引入组件 2 自定义文件夹 在 src 下新建一个 components/base 文件夹&#xff0c;用于存放要自动注册的组件 3 在 base…

抖音seo短视频矩阵源码开发部署与维护--开源

一、引言 随着抖音等短视频平台的崛起&#xff0c;越来越多的企业和个人开始关注如何在这些平台上提升曝光量和用户流量。抖音SEO&#xff08;搜索引擎优化&#xff09;是一种有效的方法&#xff0c;通过优化短视频内容和关键词&#xff0c;让更多的人找到并点击你的视频。本文…