1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

从零到一系列:UX设计全方案思考与呈现--九分科技

时间:2020-06-18   分类:设计管理    作者:网络   来源:网络整理   点击:86

在上一篇《超全面!从0到1正确开启UX项目的方式》文章里,我们已经聊了如何有效的利用产品定位和产品生命周期,去进行设计目标推导与对应的策略定制。今天就接着现成的目标与策略,谈一谈具体的 0-1 设计方案如何思考,有哪些要点值得出现在你的作品集里。 www.9fen.net

copyright 9fen.net

超全面!从0到1正确开启UX项目的方式

无论是在上市 BAT 还是创业小公司,都随时可能接手从0开始的新项目,那么作为负责新项目的主设 OR 独立设计师,我们应该从何开启工作呢? 一、产品需求沟通 项目开启的第一件事必然是和...

copyright 9fen.net

阅读文章 >> 九分网络

九分网络

本文来自九分网络

配色/图标什么的是基础吗?

之前一直没有太多关注过如何定义一个 APP 的配色,或者如何画一个漂亮的 icon。曾经的上级指示都是这些基础对商业的不可量化。于是我在思考一个问题,就是没有直观商业价值的设计要素都失去了意义变成了所谓基础的事情吗? www.9fen.net

半年前面试字节的时候,面试官问了我有关配色的定义,细节到为什么是这个色值。当时十分震惊于这么细节的问题,之后我就想起了之前有位朋友给我发送过一份有关支付宝「蓝」的定义 pdf,洋洋洒洒几十页就是为了解释他们为啥用这个有点脏的蓝色#108ee9 当主色。 copyright 9fen.net

所以其实 APP 的配色/图标与主品牌是一脉相承的,它是品牌的延续与象征。它以最直观的态度传达给用户,这个产品以及品牌的调性,并以此建立最强有力的视觉识别性。所以我觉得它是可以有条件地展示在我们设计方案里的,但一定注意它的篇幅和表达的方式,维度在品牌传达这一层就对了。 九分网络

至于如何展示和定义你的 APP 配色,一般 2 类情况。 九分网络

1. 在品牌主视觉配色基础上的适配 九分网络

这种情况一般适用品牌主视觉方案已经设计完毕,APP 端作为延续。这个时候一般注意配色从 CMYK 模式到 RGB 的转换,所以作为 APP 的配色,具体色值上可以稍作调整,使它更适配于 LED 屏的用户感知与舒适度。

本文来自九分网络

另外可以使用透明度进行色彩分阶段,一般从 0-100% 分为 10 阶就足够我们日常界面设计使用了。 内容采集来自9fen.net

从零到一系列:UX设计全方案思考与呈现--九分科技 内容采集来自9fen.net

copyright 9fen.net

2. 0-1定义APP配色

copyright 9fen.net

这种情况下我们从感性和理性 2 个角度去定义颜色。 九分网络

从感性的角度分析:情绪板应该大家都熟知的了,根据不同的行业和用户定位得到相应的关键词。对应不同的关键词再搜集对应的图片,从图片和自然感知中提炼出主色。

九分网络

从理性的角度分析:我们把色彩分为对比色、近似色、复合色、单一色、三角对立色和渐变色六种。根据产品的类型和定位,我们决定使用什么样的配色。比如一个年轻大学生专用的社交型 APP,我们可能就倾向更多地使用对比色这样的撞色得到更多潮流与青春的味道。 copyright 9fen.net

从零到一系列:UX设计全方案思考与呈现--九分科技

内容采集来自9fen.net

本文来自九分网络

至于图标的话我就更不用多说了,大家肯定都记得那些非常基础的绘制图标的法则。个人认为图标也不太需要放一个单独的篇幅去展示,除非它有一些新奇有趣的亮点。

www.9fen.net

界面框架,只是框架而已吗?

在之前的文章中有写过,匹配产品定位的界面框架一旦输出,对整个 APP 之后的迭代与功能设计都有很直接的影响。定义整体的UX 框架方案,是实践设计目标与策略的过程,基本围绕着这 3 个出发点:匹配产品定位、满足业务拓展性、符合舒适度美学 。

本文来自九分网络

1. 定义整体框架

首先我们从宏观角度分析,一方面产品的业务线处于什么情况,是相对独立的业务主线产品(举例:拉勾)?还是平台级产品(里面包含了许多垂直的业务线,举例淘宝)?如果是平台级产品在整体框架设计时就需要考虑跨端跨业务的框架拓展型。

www.9fen.net

举个例子,就是在定义平台框架的时候要考虑这个框架与容器是不是同时适用于底下的子业务线,同时当这个框架到了 H5、小程序、PC 的时候需要做哪些适配调整,是否都可以很好地进行兼容适配。 内容采集来自9fen.net

另一方面,整体框架设计的类型是否符合设计目标。举个例子,无框式超大留白的框架设计虽然看上去很厉害,但在大部分商业产品中它的实用性却非常低的。假设说我们今天需要做一个电商类的 app,设计目标是希望能够提升业务转化以及购买效率,那么展示效率与功能分区就显得尤为重要,它就更适合一个相对紧凑的卡片式为主的框架设计。

copyright 9fen.net

标签: 产品 UX设计 设计方案 优设 优设网 经验分享 UX 优秀

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----