产品设计插画-乐舞敦煌文创产品设计是运用的哪种插画风格表现的

装修宝典08

产品设计插画-乐舞敦煌文创产品设计是运用的哪种插画风格表现的,第1张

产品设计插画-乐舞敦煌文创产品设计是运用的哪种插画风格表现的
导读:UI设计B端产品插画库的设计运用插画在UI中运用已经不是什么新鲜事,但是在项目中大家都擅长不同的设计风格,在图形化的工作协同中,风格难复现和统一。所以为了保持图形化设计输出的一致性,建立插画库就显得尤为重要。慧徕店是专为商户推出的数字化管理

UI设计B端产品插画库的设计运用

插画在UI中运用已经不是什么新鲜事,但是在项目中大家都擅长不同的设计风格,在图形化的工作协同中,风格难复现和统一。所以为了保持图形化设计输出的一致性,建立插画库就显得尤为重要。

慧徕店是专为商户推出的数字化管理系统,具有商品管理、会员管理、经营分析、聚合支付、库存管理、营销管理等多种新零售解决方案。

对产品有了清晰的了解之后,我们来大致梳理一下产品定位,有了统一清晰的产品定位之后,也可以更好的定位设计目标和设计方向。

在进行插画库设计之前,需要先做好准备工作,对项目有充分的了解和调研,找到合理的设计目标。情绪板可以有效统一大家对产品的理解,并且也可以让非设计工作人员参与进来,在关键词的脑暴过程中可以更多的去了解大家的想法,从而再有效的进行

从用户属性、行业属性和产品诉求3个方面进行关键词的分析,提炼出了衍生关键词,再按照指定关键词进行参考图的收集与整理。

对关键词我们再次进行分析和整理,对于用户来说,简洁实用才是之一位的,且由于B端产品的属性,整体界面并不会像C端那样色彩丰富,不过由于B端业务场景的多样化,对于插画库的要求也需要能应对较为多样化的场景。

B端插画相对来说对质感要求不高,所以一开始就将目标锁定在了扁平插画范畴,在参考时,除了插画的设计风格,还包括人物的衣服、发型、动作、配色、构图等等。从以下参考中了解当前主流扁平插画的运用,从而运用到项目当中。

结合产品与参考,将插画构成分为了背景、中景与前景,并在画面不充分或者构图不和谐时使用点缀元素,以此规范来保证画面整体的和谐统一。

插画构成的详细介绍

在人物比例上,男生采用接近真实比例的8头身,女生则同样接近8头身,没有采用75头身的原因是在排版时,可以使人物基本在同一水平线上。

制定好基本的结构,并以此为基础进行人物动作的延展。

人物的设定上没有添加太多细节,没有设置表情和特定服饰,在适配上可以尽可能多地适配公司多种业务和场景。

背景层以展现大场景为主,列为通用、城市、室内、商户等,主要结合业务场景,给出大的氛围方向,在视觉层级上为最弱。

展现B端中常出现的数据分析、电脑、手机、云等元素,增强画面的凝聚力。

点缀层作为氛围补充之用,同样是围绕常见的氛围元素,例如时间、钱包、礼物、盆栽、植物、气泡等,用来丰富画面。

下图给出组合规范,对于常用场景的规范搭建,不过基于当前处于业务拓展期,场景和业务会不断迭代,仅作为参考示范。

此次插画库设计有两个比较大的问题,一是人物动作与比例的统一,二是关于整体场景的适配与适用性。人物比例的统一于协调是插画库的关键,基本上所有的场景都与人物有关,因此在人物动作上也是尽可能多地进行延展,不过当前人物主要以正面和3/4侧面为主,之后还需要尽可能多的补充不同的角度。此外,插画库比较适用一些重复性、普适性强的场景,若有其他业务场景,或者当前插画库不能适配的,需要根据实际场景或者业务需求进行绘制。

插画在平面设计中的作用有哪些?

1插画与海报设计

插画风格在平面设计领域是一个非常常见的艺术表现手法。通常来说,插画风格的海报设计,插画会成为整个画面的主体。大家可以通过插画来表现整个设计的内涵,使设计更加具有层次感。

有时候,海报设计可以完全通过手绘的风格来完成,其中的文字和标题都可以采用手绘的风格。但是在排版上运用平面设计的整体形式,使得整个设计既像是一个海报作品又像是一幅插画。

2插画与界面设计

另外,插画风格的平面设计作品也可以非常地现代简洁,并且运用到界面设计之中,让本来严肃的界面设计更加生动可爱,富有人情味。

3插画与包装设计

插画风格的包装设计,需要大家对整个插画作品有一个灵活运用的能力。有时候插画并不适合完整地运用到包装上面,这就需要大家提取出包装设计中的视觉元素,并将这些视觉元素再次组合,形成产品的包装设计。

在插画与包装设计相结合的时候,更多的时候会将插画与图案设计结合起来,并将设计好的图案运用到包装设计上。通常来说,设计好的图案可以串联起整个设计里的各种元素,使整个设计更加完整,更具有关联性。

以上就是小编关于插画在平面设计中的作用的相关内容分享,希望对大家有所帮助,想要了解更多相关内容,欢迎大家关注本平台!

乐舞敦煌文创产品设计是运用的哪种插画风格表现的

国潮插画。根据查询乐舞敦煌文创产品设计相关资料显示,乐舞敦煌文创产品设计是运用的国潮插画风格表现的。色彩取自敦煌壁画中的岩彩配色。

室内设计基本原则

 室内设计的含义人的一生,绝大部分时间是在室内渡过的,因此,人们设计创造的室内环境,必然会直接关系到室内生活、生产活动的质量,关系到人们的室全、健康、效率、舒适等等。下面是我分享的室内设计基本原则,一起来看一下吧。

  原则1目的和功能

 室内设计的首要原则之一便是符合我们的使用目的,因此我们一开始就要进行评估,确定如何更好地利用这间房子

 1考虑房间的使用频率和使用最频繁的时间段

 2使用者是是谁

 3房间是不是招待客人的正式场所如果是,会不会影响整体风格和外观

 4房间是否不只一种功能

 5房间是否通往房屋或公寓其它部分的过道

  原则2风格

 风格的定义:”通过艺术的形式将物体组合后而展现出的特有品位与内涵“,由此经过精心的排列组合,选定一种主色调或某个设计主题,将各式各样的家具构成一个完整地个体。

 1是否存在你特别想模仿的时代风格

 2你的家具是否具有特殊的风格或者家具是否能够体现特殊的风格

 3你喜欢将外观方案折中还是始终如一地坚持原有方案

 4房间内是否有物体(油画、雕塑、家具)能够定义或体现你想要的居住空间风格

 5和你住在同一空间的人对装饰品有不同的观点吗

  原则3空间和形状

 室内设计必备的逻辑流程决定了我们可以轻松舒适地享受室内生活,要完成这些,你需要分析房型,测量面积,要摆放什么家具及家具放在那里。

 1你想要多大的装修空间

 2你想让小空间看起来大一点吗

 3你想让大空间看起来更温馨或者在大空间内开设小空间吗

 4如何有效利用现有的家具需要处理一些家具后并用新的代替吗

 5若房间形状不规则(比如圆形墙)如何有效利用空间

  原则4光照

 房间的整体效果往往取决于光的影响,日光的`亮度足以照亮最暗的地方,但是他持续时间短,可控性差,电能光的亮度及方向都在我们的可控范围之内,因此被用来营造特定的氛围。

 1房间一天内能照进多少自然光

 2如果房间内的自然光很少,那么它的功能要求大量的人造光吗(比如办公室或厨房)或者是需要柔和的光(比如卧室)

 3如果房间不只具有一种功能(比如厨房/客厅),你需要同时配置较亮和较暗的照明吗

 4你想再每一个房间里配置什么样的照明设备或照明组合(比如,天花板吊灯,台灯,落地灯)

 5你是否需要突出房间内的油画或壁炉之类的物品

  原则5色彩

 色彩影响着我们的视觉和情绪,其作用比起装饰有过之而无不及,它在我们对周围事物的感知方面扮演着重要的角色。因此,选择合适的色调是营造温馨居家的重要一环。

 1房间的使用方式是适合靓丽的色彩还是舒适的色彩房间是否需要变动,例如增加装饰或粉刷新的色彩

 2如果计划装修成某种特定时代的风格,那么有没有与那一时期的装饰相关的色调来帮助你营造时代氛围

 3房间昏暗狭小怎么办如果这样,不妨使用鲜艳色彩使房间看起来宽敞明亮,如果房间需要温暖舒适一些,使用偏红一些的暖色调或深色调

 4你想让自己或住在一起的人喜欢的色彩成为房间的基色吗

 5有一些特点的家具,特点的物品会影响你对色彩的选择,你是否考虑过如果墙是白色的,或者背景色彩苍白,那么选择色彩浓烈一些的作为衬托不失为更佳选择,就像一幅油画一样,总是深浅搭配,浓淡相容。

 6你是否考虑过如何在一间房子里面搭配好多色彩邻近色对比色还是个性独特一些的

 7在彩色圆盘里面寻找邻近色或对比色

 8你打算随季节变换更换色彩吗请注意色彩的对比--清新凉爽的夏季色调和温暖舒适的冬季色调

  原则6图案和质地

 色彩是装饰方案的一个重要部分,但是在本质上需要与图案和质地联系起来,装有素色实心砖和平整无光织物的房间看起来阴暗呆滞,反过来,搭配花色式地毯,上好的装饰和绣有美丽图案的雪融靠垫的房间就有情调且多元。在留有空间和装饰布置之间找到完美平衡很重要。

 1什么样的材质搭配起来比较好考虑其对比度和触感。

 2你想让家具体现出鲜艳感或富有光泽感吗或者体现一种舒适的气氛

 3房间会发挥什么样的作用是家具容易磨损的家庭房间如果是,请选择带有保护罩的耐用纺织品。

 4如果你不止使用了一种图案,那么它们相辅相成还是显得拥挤不堪努力找到平衡,使方案看起来不会过度杂乱。

 5在纯白色的房间里面来些许点缀会为房间增色不少,这样有助于眼睛适应,不会使视觉疲劳。

  原则7情绪板和预算

 做完了空间的评估,使用功能的确定,风格的设计与色彩和质地的工序之后,现在该是把所有的信息进行整合,并作出决定的时候了,专业的设计师和室内装饰师会使用一种叫情绪板的物件,这是一张白色卡或一个如苍白脸色的公告板,上面呈现出满是灵感的和可以搭配的样品。

 你需要从目录,网页,布样上收集椅子和灯饰的,以及彩色涂料,墙纸和室内装饰材料的样品,别忘了细节,修饰,彩色穗带和窗帘挂钩,它们都是为最终方案的组成部分。

 1你的装饰预算有多少如果你的预算很灵活,你准备将一些事情拖延等待还是一口气完成将你能拖延的东西着重标出或者将它们记在“愿望清单”上,放进盒子里,以便在装饰过程中将它们添加或删减

 2你需要估算以下费用,材料,涂料,运输和专业装修

 3你有无考虑物品的性价比对于二手货或风靡一时的物品就要格外考虑

 4你是否需要二次装修如果是的花,重点考虑各种因素的先后顺序

 5参考了杂志上得,有了织物和壁纸,你是否设计出了风格情绪版或者感官方案

 6你是否制定出完工时间表和顺序表

  原则8焦点和特点

 焦点就是人们一进入房间眼球就被吸引的地方,可能是壁炉和白灯罩,也可以是精美的图画和窗外迷人的景色,总之,这关乎到你对房间里物品的印象或者家具摆放方式。

 1你的房间里面是否有吸引人的独到之处

 2你的房间里面有无需要避人耳目的地方

 3当别人进入房间时,你希望他们的之一关注点在哪儿

 4你想要突出的特色是否易于发现它是清晰明了还是通过窗前的高背椅来引起你的注意

 5你是否需要照明来凸显特色或使物品或空间引人注意

 6房间内有没有能够突出的主色调

  原则9陈列和收纳

 陈列和收纳可以合二为一,因为在一些实例中,两个目标成为一体。例如在一间餐厅里,闪闪发光的酒杯架子将是一个有吸引力的装饰部分,但也将提供一个收纳并存储它们的实用方式。摆放和陈列物品的地方要加以装饰,来增强与物品的对比。

 1你是否像威尔士梳妆台这装饰瓷器茶杯或者剔透的水晶酒杯架子,同时陈列与储藏

 2你如何更大限度地运用光线与色彩来凸显物体

 3你的存储间是否独立存在且不显眼

 4你的物品分类是否协调

 5你的存储间是频繁出入的常用存储间,还是一年去不了几次的季节性存储间

  原则10配饰

 配饰是房间的最后元素,重量轻,可移动性强,如垫子,球,宽松的椅套,灯罩和花瓶和工艺品以及较轻的窗帘。

 1你所添加的沙发和椅子坐垫的色彩和纹理是否能够突出沙发或椅子还是它是素色的,用来降低图案密集,色彩鲜亮的装饰织物的影响

 2你是希望装饰物与墙壁的色彩或其他元素的色彩协调,还是形成对比

 3你是否找到物品排列与杂乱之间的完美的平衡点

 4你对物品的分组安排方式如何背景不同的情况下,如果把眼前的物品零散分开或 *** 在一起,是不是很有情趣将其不断组合直到满意为止。

;

这10个网站将持续提供给你设计灵感,多年收藏的设计灵感来源网站

无论你是Logo设计师,摄影师,UI设计/产品设计师,建筑师,工业设计师还是插画师,你可能会有这样的时刻,当你盯着一个空白的屏幕,却不知道该从哪个角度开始开展项目。获得外部灵感,并有助于将新的创意组合在一起,以便随时为你自己的创作过程提供帮助。

不用说,你应该知道从其他艺术家那里汲取灵感和直接剽窃之间的区别。另一件需要记住的事情是,你不一定要从你所处的同一个创意领域中汲取灵感,也可以看到其他创意领域能提供什么。

1Behance

这不需要介绍,这是Adobe更大的设计平台。

最适合:几乎任何创意领域,大量详细的项目。

2Dribbble

与Behance在项目展示方式上截然不同,更像是对项目的一瞥。

最适合:快速创意,可快速吸收。数字创意领域(特别是用户界面/网页,标志设计,插图)。由于受邀系统,整体质量很高。

*** interest

具有非常直观的搜索系统,为你提供缩小搜索范围的建议。还可以通过裁剪图像的任何部分来搜索视觉上相似的图像。

最适合:最广泛的创意领域/行业之一。通常用于创建情绪板。

4500px

摄影灵感。

最适合:令人叹为观止的摄影。这个平台上的镜头质量始终令人惊叹。

5Awwwards

非常适合专注于顶级获奖网页/UI设计。

最适合:尖端网站,用户界面和数字趋势。

6Designspiration

有点像Pinterest,更侧重于平面设计和排版。

最适合:印刷灵感

7Archdaily

来自建筑界的最新和最伟大的作品,它会让你永远迷上几个小时。

最适合:分类建筑案例研究。

8InspirationGrid

一个精心策划的视觉醒目画廊,广泛的类别。

最适合:各种平面设计,工业设计,插图,动作设计等。

9Booooooom

名单上第二个最疯狂的网站。拥有大量富有想象力的非传统艺术作品。

最适合:美术。

10OpenProcessing

最疯狂的一个。用代码生成的交互式和动态艺术。这些算法是由人类编写的,但它让你思考超智能AI。绝对是我最常去的网站之一。

最适合:生成艺术/算法设计。

4 色 – 颜色风格,页面色相,彩度,明度整体风格统一性

何为色

色,通常是人感官中留下的之一印象。想要合理的运用颜色,其实并不容易。其实在界面设计中,对于选择配色方案,就好像比穿衣服一样,颜色越多越花哨,跟传统的空间设计一样,在大部分界面设计中,一般使用几种颜色就够了。

技巧一:

使用情绪板决定主色调。设计师通过在做界面设计时,都是感性的,常常难以支撑各样的质疑。那么通过场景关键字,收集相应的素材,使用情绪板来创造颜色,能更好地帮助设计师完成对产品情绪的理解,同时提高工作效率流程,并实现界面设计更符合用户的预期,完成产品目标需求。设计出来的方案也更具有说服力,能更好的帮助设计师拿到产品视觉设计的替代权。

技巧二:六三一原则

所谓的六三一原则就是在空间设计中,通常主色调占60%,辅助色占30,突出色占10%。其实在界面设计中也是一样的,设计稿中颜色不宜过多,不同色系更好不要超过三种。如果对色系不能很好理解的同学,我这边给个办法、就像当初学画画,眯着眼睛看即可看出其主要色调。但如果一个大型图案的个别色块很大的话,同样得视为一种色。

以上就是小编关于页面视觉构成要素的分享,希望对你们有所帮助!想要了解更多相关内容,请关注本平台,小编将进行及时的整理并发布在本平台上,大家注意查看!

主题:APP产品设计大揭秘

时间:2019年6月13日

前言:app名字和icon的来源

主讲人:杨萌(网易传媒内容运营中心运营经理)

1名字来源

Step1:了解市面上产品名称,总结好名字的规律

a有辨识度、区分度

b传播成本低(1便于打字,说起,好记;2避免英文,3元音结尾,朗朗上口,易于传播)

c具有对目标用户使用产品唤起的能力

Step2:结合产品定位,脑暴产品拟定名

1列出产品定位关键词(生活日常,温暖、治愈、真实、年轻、平凡等)

2根据关键词发散出60多个产品名

Step3:300名目标用户投票选出产品名“咕噜 ”

2Icon来源

Step1:确定设计方向

a结合名称,内容风格及产品定位

b与现有app有区分度

c色调保持一致

Step2:50个种子用户投票选出

App产品交互设计

主讲人:徐琳琳(网易高级交互设计主管)

1什么是交互设计(人-机-环境)

a交互设计处理的就是这些关键节点的“对话”

b如何让双方(人,机)明白对方的意思,知道对方的进度,知道对方的困难,并且解决。。。

c交互设计的是用户在使用一个系统/产品时所经过的“路径”,以及与系统/产品发生的“对话”。

2交互设计在工作中的位置及作用

(交互设计同样需要贯穿整个产品流程,区别于产品经理,不同在于侧重点上的。个人认为产品经理做的是框架和策略,交互设计做的是体验,两者有交融,但由于个人技能背景不同,做了细的划分,本质上都是为了满足用户需求)

工作内容:

a了解用户特点、需求、目标;

b梳理用户任务和流程;

c整理信息/页面结构;

d提出设计方案草稿, *** 原型;

e跟进设计和开发;

f跟进上线和迭代优化

3咕噜的交互设计

31产品结构

与其他产品不同在于,页面的转换方式。传统通过点击,进入某种类频道,咕噜选用左右滑动,切换该主题其他视频内容。

弹幕热力图

弹幕互动

App产品视觉设计

主讲人:张伟(产品组设计主管)

1UI设计师的几把刷子

“T”型能力:

设计交互能力——运营能力——市场研究能力——数据分析能力

                                       ↓↓ ↓ ↓ ↓ ↓ ↓

                                      行业积累能力

2咕噜设计风格探索——APP设计思路

1通过几个问题确定方向:

产品目标是什么

面对的用户是什么人群?

他们的特征是什么?

我们希望用户在用我们产品时有什么用户体验?

2情绪板的设计推导

Step1:原生关键词的诞生

Step2:发散思维,头脑风暴,确定最终的衍生关键词

Step3:查找,拼贴,搜集元素

Step4:关键词映射(视觉,心情,物化)

Step5:情绪版建立-色彩提取(高斯模糊或马赛克处理)

Step6:最终配色方案

3Icon设计演变

aicon种类:线性(粗,细),面性(扁平,写实)和线面结合

bIcon元素比重

cIcon变化

4排版布局-首页

绿色:单手轻松可点击区域、             橙色:单手勉强可点击区域                红色:单手无法点击区域

5排版布局-其他页面