首页

一秒就上瘾,这个风格简直让人欲罢不能!

lanlanwork


什么剪纸叠加风格?

剪纸艺术是最古老的中国民间艺术之一,作为一种镂空艺术,它能给人以视觉上以透空的感觉和艺术享受。传统意义上的剪纸,用剪刀将纸剪成各种各样的图案,如窗花、门笺、墙花等。
图片
图片
然而现今飞速流行起来剪纸风格,大多以软件设计完成。在设计中添加阴影、色彩等使用叠加效果,因此看上去层次和细节十分丰富。
图片
剪纸风格因其特殊的质感和造型美学,在现今越来越受到大众喜爱和设计师的追捧。特别是每年重要节日,比如中秋节和春节等,在礼盒设计和C端运营上都大量出现剪纸风格设计作品
图片
在复现传统节日氛围沉的同时,又将现代美学与剪纸风格融合,形成一种全新的视觉感受。
图片
图片

 

剪纸风格的基本特征

由于其独特的视觉特征,这种风格几乎可以立马被任何人识别。剪纸叠加风格在如今受欢迎是有其原因所在,除了其具有深厚历史底蕴,如今演变成现代感时尚设计。
可以用几个关键词来形容:简洁、形象夸张、层次叠加丰富、故事性、多层投影和纸张肌理效果。
现代剪纸风格,它打破了传统文化中单一的剪纸艺术特点,从而形成一种新视觉特征,出现在大众眼前,其几何化纸张感最具吸引力。
图片
剪纸风格色彩单纯明快,色彩要求在简中求繁,在对比色中求协调,尽量避免多余色彩噪音。
图片
多层的叠加,让图形之间互相带有穿插效果,让剪纸艺术风格不在扁平枯燥,而是富有更多细节表现。设计师通过投影、色彩等明暗关系营造层次。
除了本身带有强烈的艺术气息外,它还可以表达故事性和情感性等特征。
图片
图片

 

剪纸风格的应用

剪纸艺术风格在诸多领域中都有它的身影,目前也出现了很多优秀的设计案例,下面我们来一起来学习下这些案例。
#01. 平面设计中的剪纸风格
图片
图片
图片

 

#02. LOGO设计中的应用
图片
图片
图片
图片

 

#03. 动态设计中的剪纸风格
http://mpvideo.qpic.cn/0b78b4aaoaaaiyaoc37dovqfad6da4hqabya.f10002.mp4?dis_k=5e5f632c341fd30804918a7dd9dc0c02&dis_t=1629453344&vid=wxv_1945420369956306956&format_id=10002&support_redirect=0&mmversion=false
Sudio的纸艺术定格动画

 

http://mpvideo.qpic.cn/0b78c4aaoaaa5aaofbhdpzqfaf6da4lqabya.f10002.mp4?dis_k=99b1672f2acc8c7a01e2f587189400f0&dis_t=1629453344&vid=wxv_1945419139196518401&format_id=10002&support_redirect=0&mmversion=false
情人节定格动画

 

剪纸风格艺术家推荐

#01.Eiko Ojala
图片
https://www.behance.net/eiko

 

#02.Margaret Scrinkl

图片

https://www.behance.net/scrinkl

 

#03.Mary Komary
图片
https://www.behance.net/marykomary

 

原文地址:功夫UX(公众号)
作者:功夫UX
转载请注明:学UI网》一秒就上瘾,这个风格简直让人欲罢不能!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


设计思维 | 在58同城,如何设计内容系列产品品牌?

lanlanwork



图片

随着部落的发展,内容的形态越来越多。身为视觉设计师需要整合设计不同的内容话题,运用设计思维,通过品牌设计来打造不同系列的内容运营活动。经过长时间的实践,我发现活动方案的最终效果是三方相互作用的结果。设计师、产品经理、内容本身,内容本身的包含了用户、第三合作方。涉及到美学、营销学、心理学、经济学等,围绕这三方的品位,相互冲突、启发、磨合、协作,最佳的设计方案处于三者的平衡点。下面就项目从视觉设计的角度出发,以部落内容为例向跟大家聊一下。
 

图片

面对大量的话题运营活动,我从品牌设计入手,打造了品牌系列感的一整套部落话题运营活动,让部落的用户对品牌形象产生信赖,持续参与到活动中来。在接到部落话题需求时,会主动发起和运营产品一起,以系列品牌运营出发点去做,以不同的话题去打造不同的系列运营。

 

01.我和我的朋友

《我和我的朋友》活动专题,58同城作为项目发起⽅,联合劳务茶馆,邀请朋友圈的企业好友,共同面对当下的企业发展、品牌服务以及 C 端声音进⾏⾏业交流与消费者传达。
 

· logo创意

从手写连笔字中找到灵感,用简洁等粗的线条书写,给人亲切、流畅的感觉。
 

图片

图片

· 海报宣传

 

图片

 

02.瞧别人家公司

最先部落对外合作项目,已经和十几家企业合作,打造了不同职业话题社区,将职业类信息更聚焦,让每一位用户都可以在职业上找到适合自己的圈子,进行职业生活的交流互动。栏目也带动了不同业务间更多不一样的合作形式,为未来创造更多可能性。

· logo创意

“瞧”字有吆喝的意思,我放大了这个字的比重,小喇叭植入到了字的右上方,喇叭口有放射状的虚线,logo整体用对话框围了起来,可以使它看起来更聚合。整体以字为主体,辅助元素也采用简洁的线条,现代感同时非常的易用。在不同企业话题里都能轻松适用。

图片

· 海报宣传

海报风格受到外部企业文化的影响较大,完全统一很难。但是我希望每张海报的主体都是企业真实的员工照片,员工的服装、展现出的状态,也可以反映出企业文化。不足之处是企业提供的照片质量很难控制,会影响到海报的效果。合作方的常常对海报的风格有自己的想法和目的,需要反复的对稿。
 

图片

03.小金库满兜

针对平台上的用户核心痛点:赚钱和找工作,尤其是疫情开始后,在很多人失业的情况下,我们打造了小金库的系列。通过邀请赚钱专家、创业专家、副业推荐官、以及本地商家的方式,通过直播的形式与用户交流分享,为用户推荐赚钱方法、帮用户解决赚钱难题,涉及领域包含餐饮/美业/母婴等品类。获得商家及用户的认可及好评。

· logo创意

从传统的书法汉字寻找灵感,把金币与汉字结合起来,并且做了倾斜,使之更生动,在空白区域点缀了星星,logo整体看起来更加饱满了。

 

图片

图片 

 

04.同行侃门道

 58部落打造的《同行侃门道》IP系列线上内容中,包含餐饮、装修、家政服务、美妆、财务服务、宠物等多个行业,更多行业陆续加入中。为部落用户带来赚钱等行业知识分享与就业避坑指南,还为部落用户带来了更多工作机会。

· logo创意

以“同行侃门道”作为logo的主体,用平直的笔画语言组合,把“门”“道”拟物化,整体倾斜带来了前进感。

图片

图片

· 海报宣传

用报纸的形式展现信息,这种方式可以把不同的第三方机构融合在报纸形式的框架里。

图片

 

05.掌柜专家计划

将建立商家社群,利用现有平台中小B的生意经验,产出赚钱红宝书,形成体系化课程,推广给想要赚钱的C,形成内容闭环。

图片

 

06.总结

品牌设计包装只是内容的展现形式,优质的内容才是关键,但是在内容的前期目标是获得更广泛的关注,那么品牌视觉设计的个性和独特就能产生很大的作用。logo在视觉中发挥着桥梁的作用,辅助元素和整个内容的的布局也非常关键。

 

参考资料:
《治字百方》-左佐
 
 

图片

 

原文地址:58UXD (公众号)

作者:环铁艺术家


转载请注明:学UI网》设计思维 | 在58同城,如何设计内容系列产品品牌?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




设计赋能商业变现初探

lanlanwork


关键词解读

为了更好的理解接下来的文章内容,笔者会首先对以下关键词进行解读:商业变现、设计赋能、价值链理论。

图片

关键词

1. 商业表现
杰克·韦尔奇在《商业的本质》一书中提到:商业归根结底是一项“团队运动”,必须依靠团队的力量。就企业而言,笔者解读为「商业」的本质是:企业团队(个体、群体)通过创造一系列的价值活动实现企业和外部客户之间价值交换的运行模式;而「变现」则是指在此系统中“企业收入-支出成本”所得的实际收入,提升收入总额和降低支出成本均可以实现“变现”的目标。

 

2. 设计赋能

设计师站在用户和业务的视角,能够从全链路的视角出发,洞察各利益相关者的关注点,运用专业的设计方法去挖掘产品和设计的机会点,最终促进业务持续健康向上发展。

 

3.“价值链”理论

价值链的概念最早是由美国哈佛商学院的迈克尔•波特教授在其著作《竞争优势》中提出的,称作“价值链分析法”。把企业内外价值增加的活动分为“基础活动和支持性活动”。基础活动即企业生产经营的主体活动,涉及产品的物质创造及销售、转移买方和售后服务的各种活动,支持活动是辅助基础活动,是通过提供采购、技术投入、人力资源、及公司范围的职能支持的活动。不同企业参与的价值活动中,并非每一个环节都会创造价值,只有特定的价值活动才能真正创造价值。企业要密切关注组织的资源状态,特别关注和培养企业在关键价值活动上获得竞争力。

企业保持竞争优势,既可以来源于价值活动所涉及的市场范围的调整,也可以来源于企业合作或调整价值链所带来的收益。

随着社会分工的细化和专业化以及互联网的普及和发展,价值链的内容也不断向前发展,目前已发展为“合作竞争的价值链”理论。

图片

合作竞争价值链

 

价值链理论包含4个构成要素:价值主张、运营模式、界面模式和盈利模式。

1.价值主张:包括价值主张、客户关系、客户细分三大部分。

  1. 价值主张:不但包含了企业的战略方向,而且包含了企业提供给客户满足其需求的价值项,比如“快捷的渲染服务-10s出高清效果图”。
  2. 客户细分:确定目标客户群体,并对其进行细分,探索不同细分市场的客户需求。
  3. 客户关系:是在明确用户需求的前提下,找到吸引顾客、留住顾客、转化顾客的方式,从而对所提供的产品和服务进行不断的改进以维系和形成良好的长期往来关系,C端业务中常见的客户关系即是“会员”。

图片

价值主张

2.运营模式:企业将资源和能力转化为产品服务的过程模式。包括关键业务、核心资源两大部分。企业的产品和服务作为企业价值创造的载体,需要通过一定的过程将资源和能力转化为产品和服务,通过优化流程、提高效率则可以减少该过程中涉及到的成本和费用。

3.界面模式:包含重要伙伴和渠道通路两个部分。通过渠道通路,企业可以将自身的产品和服务传递给客户,客户也可将信息、资源、能力等回馈给企业。而企业的合作伙伴,在一定程度上促成了企业的产品和服务的产生,是企业外部的重要资源。

4.盈利模式:包含包括成本结构和收入来源两个构造块,企业可以通过“开源节流”以实现商业的高效运作。

 

赋能维度提取

初步确定4个维度

可基于价值链模型从“公司角度”或“具体业务角度”去作分析,可更加灵活的应用该理论。但需注意,以上构成要素中,设计师很难全面切入,定要找准设计切入方向,才可发挥最大价值。

那么我们来看如何确定设计赋能维度?

一方面,在上述的价值链理论中,“客户关系”“重要伙伴”通常会有专业的商务、销售、售前、运营人员去维系,盈利和收入模式也会有高层管理人员进行制定和分析管理,设计师在工作链路上很难触达盈利模式和客户关系相关的内容。“重要伙伴”侧,设计师通常会进行客户调研、竞品分析等,以挖掘更多的产品机会点,促成业务价值达成,因此在赋能方向上,“重要伙伴”会合并到价值主张侧进行分析,不再单独展开来讲。

另一方面,基于价值链理论的指导,我们进一步提炼企业或具体业务的核心价值链:企业需要将资源和能力整合,去生产或研发承载企业价值的产品/服务;产品/服务经过销售到达客户侧,客户付费购买则企业产生营收。在这条关键链路中,「生产/研发链路」「产品/服务」「销售链路」「客户/用户」都是非常重要的环节且缺一不可。而设计师基于“全链路”的设计思维,利用丰富的设计研究等方法均可以在此四部分进行有效切入挖掘业务价值,因此初步确认将此四部分对应价值链中的「运营模式」「价值主张」「渠道通路」「客户细分」作为设计切入的赋能维度。「生产研发链路」和「销售链路」作为直接赋能“降本”和“增收”的关键链路可作为设计赋能的持续探索方向。

图片

确认赋能维度和方向

 

基于维度对业务进行分析,找到更加细分的赋能维度乃至设计机会点

虽然初步确认了赋能维度,但是对于设计师如何寻找设计赋能机会点尚没有清晰的思路,因此笔者从自己负责的房产业务入手,尝试进行分析和挖掘。以下为简要的分析,仅供大家参考。

 

1.价值主张:房企业务在当下重要的价值主张在于探索全链路的业务解决方案。

思考设计可以做什么:

  1. 目前的解决方案是否完整,能否在房产上下游继续拓展。
  2. 已经有的解决方案客户是否真正用起来,能否真正满足客户的需求?
  3. “数字化精装”到底如何做到数字化?
  4. 竞品做了什么?
  5. 如何链接到C端消费者?(客户对户型对喜好如何,对装修风格喜好如何)…

设计做了什么:

  1. 对新房营销客户的核心诉求进行分析,基于C端消费者的购房链路整理客户关注的数据,提供到产品侧进行参考。
  2. 对同类产品进行详细竞品分析梳理得出产品的基础功能、进阶功能、增值功能,并且将报告提供到产品侧在后续的产品设计中进行参考。
  3. 基于对业务现状的分析,整理出期望的业务表现,根据表现的内容整理出可衡量的指标以及寻找可切入的设计机会点。

图片

业务现状分析

 

2.客户细分:提供更加精细化的产品和运营策略。

思考设计可以做什么:

  1. 目标客户的类型?
  2. 不同地产大客户的共性和差异性?
  3. 形成清晰的地产客户画像?
  4. 地产客户下的细分角色?不同角色的关注点?…

设计做了什么:

  1. 通过“桌面调研、定性调研”的方法调研“新房营销”场景下的主要用户角色,梳理得出“决策者-营销总、管理者-案场销售主管、使用者-置业顾问”的用户角色画像,聚焦所服务客户(用户)的特征、动机、日常工作分析,为后续的产品功能规划提供参考。
  2. 根据当前客户细分情况,整理在客户细分侧期望的表现,整理可衡量标准以及可切入的机会点。

图片

目标客户分析

 

3.运营模式:将资源和能力转化为产品和服务的过程。前文已经提到,优化流程、提高效率均可以减少该过程中涉及到的成本和费用。针对此部分笔者还未进行系统分析,因此简单说明。

  1. 一方面可以思考产研基建能力建设是否完善,是否有进一步优化的空间。
  2. 另一方面可以思考产研、商务、运营等角色涉及的协作流程是否高效,能否进一步提升人效。

 

4.渠道通路:跟增收有直接的关联,在C端业务中表现为「购买转化链路」,而在面向大B客户的业务中,可细拆为“产品/服务”从「触达客户–>新签–>续约」的全链路。

图片

面向大B客户的转化链路

 

思考设计可以做什么:

运用链路分析法,对转化链路进行系统梳理,并明确链路中期望的目标表现,发现可用于衡量的数据指标和可挖掘的机会点。参考下图以“触达链路”为例进行详细说明:

图片

“转化链路”分析

 

首先,需要对线上和线下的触达客户渠道进行枚举和系统梳理。比如线上涉及到官网、推文;线下涉及到展会、沙龙。线下渠道包含宣传册、折页等,可透出二维码引流到线上渠道;线上渠道还可以通过推文转发分享、搜索等进行引流。

其次,在触达链路中我们期望的目标表现是什么呢?在这个过程中,我们期望越来越多的人进入官网;希望线上的推文被大量分享;希望线下触达的客户量越多越好,期望品牌曝光次数越多越好,因为品牌曝光意味着触达客户量的机会增加,触达客户量也有可能随之增加。

再者,如何衡量目标是否达成呢?最终指标:一方面是触达客户数量,触达量增加很可能意味着转化率提升;另一方面是咨询率,在触达客户增加的同时,咨询率提升意味着对业务感兴趣的客户多,转化的可能性就更大。过程性指标包括官网访问量,推文阅读量与分享量,单场活动触达客户量等。触达链路的主要目标是引流和拓客,最终转化与否还要依赖新签过程,因为转化率不会作为触达链路的最终指标。

(此处推荐大家使用GSM模型的方法确立目标表现及衡量指标,在后续的文章中会进行详解,本文暂不详细说明)

图片

GSM模型

 

最后,在触达链路中,切入赋能的方向在哪里呢?

一方面线上线下的渠道能否进一步拓宽?-分析现有渠道,线下客户扫码二维码后打开的是H5页面,关闭页面后无法再次查看页面,进而无法了解业务。因此建议增加“小程序”作为线上客户留存渠道,一方面可以依赖微信生态方便客户再次查看,另一方面在留存的同时还能提高客户间的传播分享。(下图是基于已有小程序时的触达链路)

另一方面,已有渠道的品牌曝光量能否增加?-分析现有的官网,在官网中透出“酷家乐地产业务”的入口较深,且布点少,这些都影响了业务曝光度;于此,我们可以去思考,SEO搜索酷家乐时是否可以透出“酷家乐地产业务”?线下渠道是否可以增加可被客户带走的物料?线下展会中播放配音视频,通过声音传达到更多客户处,然客户产生兴趣,吸引客户前来了解业务。

沿着上述的思路和方向,我们可以思考更多可切入的方向与机会点。

 

初步归纳整体研究思路

上述的分析是基于价值链理论,从「价值主张」「客户细分」「运营模式」「渠道通路」4个维度进行切入,从实际业务着手运用专业的设计方法进行分析,整理得出期望目标达成的具体表现,以及确定目标可衡量的数据指标或软性评估体系,最后挖掘出可赋能的方向以及机会点。

图片

从业务着手,尝试挖掘赋能方向和机会点

 

由此,笔者也形成了相对清晰的研究思路:

基于价值链理论,选取赋能变现相关联的维度。从维度切入,运用专业的设计方法对业务进行系统梳理,挖掘维度下更细分的方向,并且确定相关的评估体系用以确保目标达成。由于单条业务挖掘的方向可能有限,因此后续需要对其他典型业务进行分析,尽可能从业务实践中抽离赋能方向,并且最后应用到其他业务实践中。

图片

设计赋能商业变现的研究思路

 

影响因素:

1.产品/业务的生命周期:

产品/业务所处的生命周期不同,所选择的维度也会存在差异性。笔者当前所负责的业务还属于从0->1阶段,业务品牌影响力需要不断增大,对外营销推广渠道也需要不断拓展,因此在业务的品牌影响力建设、渠道拓展方面都存在可深入挖掘的方向;而对于其他相对成熟的业务,赋能维度仍需要侧重在运营模式优化(内部流程优化、提效降本)和销售转化链路的优化与升级(直接影响营收)两个方向。

2.业务类型:

B端业务和C端业务的类型不同,可挖掘出赋能方向也会存在一定差异性。尤其是在销售变现链路上,B端业务重在分析「触达客户」->「新签客户」->「续约客户」的链路,需要对转化链路中涉及的商务、运营、市场人员的角色及其作用进行深入了解;C端业务更重在从消费者的角度对C端转化链路进行分析,包含「初识/了解」->「产生兴趣」->「下单购买」->「多次回购」->「分享推荐」的完整链路,更要侧重于分析消费者的心理和购买动机。由于目标用户/客户、转化链路、业务属性的差异性,赋能变现的切入方向也会存在一定的差异性。

 

总结

本文从“价值链”理论着手,选取设计赋能可切入的4个维度「价值主张」「客户细分」「运营模式」「渠道通路」。并且从实践出发,将上述维度落入到具体业务中进行分析,挖掘更加细分的赋能切入方向以及机会点。

读完该篇文章,希望各位设计师们可以达成以下2个目标:

1. 了解价值链理论的概念,并且将理论应用到当前自己负责的业务中进行分析。

2. 在设计赋能商业变现中找准设计赋能可切入的维度以及挖掘细分的维度和机会点,并且真正落实到具体业务中。

以上内容为设计赋能商业变现的初步探索,在后续的持续探索中会力求总结出更系统的理论框架和方法并分享给大家。

 

参考文章:

书籍:《竞争优势》

书籍:《商业的本质》

论文:价值链、商业模式相关的学术论文

 

原文链接:酷家乐用户体验设计(公众号)

作者:瑶一

 转载请注明:学UI网》设计赋能商业变现初探

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




B端问答丨B端项目赶工,不重视设计应该怎么办?

lanlanwork


重视自己

图片

我见过同学都会抱怨设计页面还原很糟糕,导致他不情愿将自己更多的精力花在的设计页面上,进而在公司常常无所事事。

首先给大家讲的就是自己重视自己,因为很多设计师遇到这类情况就会自暴自弃,对于页面细节的验收也不会太过于上心(设计师会说:提出来他们也不改,后面也不想再提了)导致的结果就是随着日积月累,一个页面缺少20%的设计细节,十个页面、五十个页面?或许就会是一个灾难。

因此在设计不受重视时,首先要做的就是自己重视自己。在工作产出上做到用心、负责,对于 需求、设计验收 都认真对待,因为只有自己做好了,这样才能够要求团队的其他成员进行协助。

比如一个版本结束后,将设计细节当中的不同问题 指派给不同的前端工程师,将页面上各类设计细节进行明确的标注,这样都能够让 研发同事知道你对待工作的态度。一个项目团队,肯定不会讨厌一个认真负责的人。

这里建议大家能够有一个固定的设计验收表,这样能够帮助你。(关注公众并点赞收藏本文章,后台回复 “验收” 即可)

图片

 

提出问题

出现上诉的问题,其实本质上是“项目赶工”所导致的。我曾经和很多开发都深入聊过这类问题,他们也不是想要刁难咱们,更多是因为项目功能的开发时间都不够,更别提设计细节。

而目前大多数团队的项目开发方式还是采取 “敏捷开发” (与之相背离的是瀑布流开发,如果不了解的同学可以进行百度),因此在每一个迭代的初期,都可以和项目负责人进行沟通,明确出设计细节还原的具体时间以及设计细节还原要求。

这样能够在项目刚开始,就和大家明确项目设计要求,比如这一期因为对于功能来说,确实是比较复杂,这样作为设计师也知道项目整体情况,对于要求进行适当的放宽,那究竟如何放宽,就需要有一个页面还原相对量化的标准。

 

页面还原的标准

图片

设定一个页面还原的基础标准,本质上是在帮助对开发同学,在理解设计细节上有更深的认识。很多时候你会发现是,一些很明显的错误他们其实是不知道的,比如一个浅灰色和白色,对于他们而言感官上都比较类似,而一些很小的细节作为开发人员很难观察到,而通过一个标准,他可以对自己的页面进行检查,看看是否有问题,比如:

基础阶段:

页面布局形式、颜色色值、字体大小、控件使用、关键元素缺失

中级阶段:

描边的粗细、细节背景颜色上的区分、设计资源的模糊

高级阶段:

控件动效、页面内容文案、提示信息…

当然在这里只是一个简单举例,指定页面还原标准的最终目的是能够让开发有量化的标准进而能有更好态度对待设计师、设计细节。并且标准的确定,能够帮助你在会议上明确迭代标准,进一步提高团队间的协作效率。而人总是会犯错的,比如我写文章也会偶尔出现错别字,因此在严苛过后也要互相理解。

当然除了标准,Design Token 也能够帮助前端快速理解基础样式,之后有时间可以单独来讲。

 

明确后续迭代时间

当我们首先做好自己,接提出问题,然后确定好还原标准后,最主要的就是需要在一个版本后知道剩余的问题究竟应该在何时进行完善。

通常解决时间存在两种不同的情况:

  • 1.在后续 1 – 2 个版本进行迭代,将之前的问题进行解决
  • 2.将问题汇总,后续进行一次体验上的大版本更新

这两种方法本身并没有什么好坏之分,对于我们而言,就需要将设计细节上的各类问题进行汇总,也会要求设计师需要有一个属于自己的设计体验需求池:

通常这类需求池会包括以下几类问题:

问题描述、问题图片、负责前端、以及后续迭代时间等等…

这样等问题出现过后,就能够确定相应问题对应的开发人员以及后续的时间。毕竟表格是项目管理当中最好用的工具。

 

真诚沟通

当你在团队当中遇到问题时,更应该多和团队成员协商沟通。因为都是同事,沟通解决问题才是成年人做事的风格。比如吃一顿饭聊聊问题,大家下楼抽抽烟一起聊聊,偶尔买杯奶茶犒劳为页面辛苦还原的前端同学,有时候紧张的氛围往往因为一两句玩笑就能够得到舒缓。希望大家都能够在工作当中顺顺利利,少一些烦心事。

 

原文链接:CE青年(公众号)

作者:CE青年

转载请注明:学UI网》B端问答丨B端项目赶工,不重视设计应该怎么办?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



听说你的作品集还差个封面?

seo达人



图片

 

01.你是谁

可能很多人在面对作品集封面的时候想的都是:怎么才能吸引人?怎么才能成功引起面试官的注意!虽然吸睛这点是一个比较重要的因素,但是更重要的还是你是谁

作品集展现的是你的过往作品,可能每个项目或者作品风格有所区别,但是整个作品集可以看成一个你的作品。

你想通过你的作品集展现你的哪些能力?展示你的审美,甚至展现你的思想。都需要你经过仔细的思考。所以先想清楚你想表达什么,或许你的问题会迎刃而解。

图片

图片

图片

图片

图片

图片

 

02.展现优势

我发现真的有很多人作品集里面的作品很优秀,但是封面却草草了事,或者随便做了一个跟自己的优势毫不相关的封面。举个栗子,有些人可能非常擅长插画或者C4D,但是却非要学别人表达极简、抽象等等风格,导致直接结果就是面试官看了封面就兴致全无。不要觉得好东西都在后面,我要在后面展示。可能面试官根本没看到后面,就关了看下一个!

所以,学会展现优势,从一个好的封面开始吧!

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

a

03.个人色彩

可能很多同学看了前面两点会说,你说了半天这么抽象,但我还是没思路啊,不知从何下手。别急,下面给大家提供一个具象可实操的思路。

个人作品集,要有自己的特点,避免扔在千千万万作品集中石沉大海,让人印象深刻的方法当然还是得从自己下手,毕竟你跟别人永远不可能一模一样,你要展现的还是你自己,总的来说就是要具有个人色彩。

举个栗子:你可能擅长LOGO,就做一个自己的LOGO;你可能擅长插画,就画一个自己的形象,结合自己的兴趣和特点;你可能擅长C4D,就建一个自己的模型,像打造一个个人IP一样的展示自己。

结合个人色彩,展现自己的闪光点,总是比千篇一律的排版更让人印象深刻。

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

今天所有的作品集封面参考图已经贴心地为各位打包好啦!

点个“在看”,去公众号回复品集封面001就可以下载啦!

 

原文地址:设计师深海(公众号)

作者:设计师深海

转载请注明:学UI网》听说你的作品集还差个封面?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



设计要知道-HMI设计必看!车载HMI的设计入门

seo达人



一、汽车 HMI 是怎样的领域?

HMI是Human Machine Interface 的缩写,其实就是人机交互,汽车HMI设计主要是研究人与汽车的人机交互界面,是驾驶员和车辆交互的桥梁。当然不止界面的设计,也包括开关、按钮、大屏、语音等等。侧重的是在完成交互任务的流利顺畅,同时增强驾驶乐趣,是人与界面、人与车各系统的体验感受。

要是想了解HMI领域,必定得从HMI的载体开始说起,HMI经过了四个大的阶段演变,市场目前正处于第三阶段,第四阶段也在过渡中。

图片

十年的交互界面,可以说是发生了质的变化,一是界面设计多元化,从工业时期追求性能的简单粗暴,现在界面有设计简洁现代,也有百变换肤,考虑到了用户的审美需求;二是从交互的角度来讲,做了沉浸式导航界面,提升驾驶专注度。还有交互体验的增加,有了车联网和车内芯片强大的计算能力,汽车也能够更灵活、更贴近使用情况的向用户提供信息(如导航,路线推荐,胎压检测,用户习惯记录等等)。语音解放了驾驶员的双手,让交互更溶于驾驶场景当中。

图片

OK,有了对比感受才更加强烈,我再从以下几个方面详细聊聊我对汽车HMI的理解。

HMI的前景就更不用说了,雷军的最后一次创业也放在了”造车”上面,可见互联网的各大巨头都想分一块蛋糕。更是高价招人。现在阿里的斑马、百度的Car  Life 和Apollo、腾讯的 Ai in Car、 谷歌 Android auto、苹果 CarPlay、华为车机应用等,一线的互联网公司都是早早布局车载,可以说是最新的一个大风口,更是不少设计师想转型HMI设计,要想入局车载可以看看已经有成熟的设计规范。大家可以自取《HMI设计必看!车载中控的前世今生》。

从目前的发展趋势,智能汽车驾驶舱的发展方向主要集中在三个方面:更大的屏幕,自动化的控制界面,以及语音交互。目前智能车载系统的功能仍然非常有限。在垂直应用场景中,语音交互的体验和技术的稳定性仍有很大的提升空间。

 

二、车载系统的形态

现有的车载系统分为三种,全面接入内置智能系统、平台解决方案、软件应用程序。

图片

 

1、全面接入内置智能系统

汽车厂和汽车制造商,将先进的技术应用到汽车的驾驶舱中。例如Tesla X,硬件、软件和人机界面都是车厂整合。不仅能够实现多媒体系统的深度集成,而且还能够与驾驶员进行车内诊断和控制系统的深度集成。连接互联网络同时提供API接口,可以自定义应用程序和独立开发者提供定制服务等。在提高汽车性能的同时,汽车制造商也在努力改善驾驶舱内的体验,以提高市场竞争力。

图片

车厂开发的技术可以更好地与汽车兼容,然而大部分传统车企没有强大的相关研发能力,语音交互相关的人工智能技术并不是车企的强项。因此也会找一些科技巨头来合作,提供平台解决方案。

 

2、提供平台解决方案

目前科技巨头都在为驾驶场景提供驾驶解决方案,例如,苹果、谷歌、亚马逊、Nuance、阿里巴巴和百度、华为、腾讯都为智能驾驶舱创建了平台和操作系统。使用软件平台定制HMI单元,科技公司提供软件平台,车企自己定义介入的硬件与服务。平台和系统可以将其技术和服务集成到汽车专用操作系统中,为汽车驾驶员提供完整的智能驾驶体验。

图片

技术巨头凭借其先进的技术研发能力和与汽车制造商的紧密合作,有效的优化了相关产品和服务的质量。但是为了快速抢占市场,科技巨头公司通常更愿意提供通用类型的平台服务,很难为不同的车厂提供定制化服务。还有因为本身的市场竞争,会存在系统壁垒,如CarPlay系统需要插入苹果手机。但在相当一段时间内这也是可能的一种解决办法,因为这减少了HMI的整合成本,而漫长的汽车设计流程周期常常掣肘着汽车人机界面整合的发展。

 

3、软件应用程序

软件公司开发各种智能驾驶相关的便携硬件和软件服务。常见的方法是,通过将外部硬件与汽车连接,在通过软件服务来优化汽车驾驶舱的性能,将普通汽车变成智能汽车。

这些公司的服务和产品非常灵活,通常可以在指定的场景和特定的需求中为用户提供定制化的服务。然而,这类服务往往需要一些额外的操作和硬件设备的支持。说到这里软件的应用程序分为两种方式,一个是车载小程序,一个是应用软件。

与手机小程序只在入口、开放程度、定位等方面略有差异有所不同,BAT三家车载小程序在唤醒方式、交互方式、构建场景等方面也呈现出不同的侧重和战略打法。三家都基于自己对车联网的理解,勾画出小程序在车载场景下如何进行应用延伸,其目的都是为用户带来智能网联汽车的体验提升。那说说车载小程序的优点。

 

3.1车载小程序的优点:

图片

  • 车企强势,曲线救国

因为车企掌握大部分的话语权,在强势的车企面前,全家桶组合可能不能达成合作共识。因为车企更想选取不同领域的头部产品来搭建服务生态。此时车载小程序作为一种相对轻量的解决方案,容易进入到车联网的生态之中。

  • 即用即走贴合场景

在汽车环境下,所有的功能都是为了车主更高效的完成任务而产生的,快速、便捷的人车交互方式是其基本要求。

“即用即走”的小程序是工具型产品再好不过的载体了。特别是BAT还为车载小程序开发了场景识别、自动唤醒的功能,在交互上除了语音之外,也能通过传统的触碰或者更加高级的手势完成人车交互,这让车载小程序的交互无比接近人类想象中的无人驾驶形态,也让车载小程序有了更加强大的生命力,至少短时间内不会被新的应用所替代。

  • 快速搭建加快车载发展

BAT都为小程序的开发者提供了开放的开发环境,甚至还提供固定模板帮助开发者加快开发速度,降低开发成本,这使得很多创业型的中小型开发者也可以参与到车联网的生态建设中来。

由于车载小程序和手机小程序的底层框架是打通的,这也是说,如果某个小程序在移动端上沉淀了足够多的用户,并且适用车载场景,具备服务能力的话,就可以快速完成车载小程序的移植,这对于建设丰富的出行服务生态和车联网都是具有实际意义的。

 

3.2现有车载小程序 

图片

  • 腾讯车载小程序

腾讯车载小程序目前大致分为三类:出行服务小型车、生活服务小程序和视听服务小程序,其最大特点是基于位置和场景会被自动唤醒。比如用户经过加油站、停车场、旅游景点的时候,有些购买和支付的服务就会主动弹在车机上,用户再通过语音完成操作。

如果说手机小程序是“人找服务”,那么腾讯车载小程序则进化成“服务找人”。

传送门:(关注公众号私信我领PDF)

图片

  • AliOS车载小程序

基于算法和丰富的生态服务体系,AliOS车载小程序的最大特色是自带场景智能感知的基因。得到车主授权后,车载小程序可以围绕行车场景,实现上车前、行车中、下车后自然串联的智能化场景服务。

譬如,用户可以在车上通过触控、语音、手势等多模态交互方式,咨询附近的推荐餐厅,小程序会基于用户的喜好作出推荐,还可以预约排号;到达餐厅附近,系统会自动唤醒小程序,为用户找到停车场;下车后,车载小程序会无缝连接到手机小程序端,用户可以在手机上查看餐厅的预约信息等。

相比腾讯车载小程序,AliOS车载小程序的开放程度稍高,但也和手机小程序一样,仅限于阿里系的商业生态之内。

传送门: https://miniapp.alios.cn/index#/document

 

  • 百度车载小程序

百度也在为自身搭建智能系统。所以相比腾讯和阿里,百度车载小程序的分类更加细致,场景也更加丰富。车企可以根据车型定位和自身需求,自行定义和组合可供使用的车载小程序。

所以很多科技公司转向百度生态,让大哥带小弟的方式,一起进入到车企。百度开放的生态可以将自己主要功能接入百度App、百度地图、百度贴吧、百度网盘百度系App上运行,还可以在爱奇艺、wifi万能钥匙等外部App平台上运行。腾讯和阿里基于位置或者场景,可以自动唤醒小程序有所不同,百度的车载小程序大部分场景下还是只能依靠用户用语音唤醒。

传送门: https://chelianwang.baidu.com/homepage/openPlateform/design.html

 

三、车载系统的特点

梳理整个汽车的HMI 的发展其实我们追求的就是三个方向:

 

1、操作(快捷、精准)操作行为无法超过3秒

随着大屏、多屏化的发展趋势,触摸和语音控制应时而生,为了增强操作合理性,以及减少或避免触摸屏的误触功能。从信息输入来看,以触控、语音为主,手势、视觉交互为辅;从反馈输出来看,以视觉、语音、触控交互为主,嗅觉交互为辅。

人机交互定义需要区分车辆是行驶中还是静止状态,车辆在行驶中,对于需要驾驶员操作反馈的交互行为需要遵循3S原则(上面提到的三秒原则),降低安全隐患。甚至有一些交互动作在车辆行驶过程中需要禁用的。

 

2、信息(清晰、聚合)信息功能需要高度聚合

得益于计算机算法的强大,汽车功能越来越完善,信息量也越来越大,为了让用户有更好的体验,避免过多信息的干扰,必须做到界面显示轻量化。

保障关键信息是醒目的,容易让用户视觉快速捕获,在各种环境场景下具有良好的可见性和易读性,无需驾驶员费力寻找和识别。

 

3、反馈(明显、高效)高效的交互方式

在驾驶的过程当中,司机的双手被占用,于是眼睛和耳朵感知要提高,与移动端的视觉显示不同,HMI设计师需要注意除了基础的视觉显示规范外,还需格外注意与安全相关信息的展示、视觉警告、文字易读性和显示眩光等显示问题。

在车辆行驶过程中,对于司机来说,听觉反馈也是很有必要考虑的场景,通过语音反馈司机需要获取的信息,能让司机尽量保持视觉焦点在路况上。多场景的融合考虑信息获取的效率,能减少在开车过程中的安全隐患。

 

四、车载的开发流程

车企现在对智能系统的设计越来越重视,因为只有把软件实力提升才可以更好的掌握话语权,而且用户研究与设计流程整合的方式能够帮助汽车制造商在竞争激烈的汽车行业中先人一步博得用户喜爱。

汽车HMI设计开发需要按照整车开发的流程进行,这样在造车的各个阶段才能有效的管控和输出设计产物,由于HMI设计涉及的相关范畴广,只有按照既定的流程才能设计出符合车机环境的系统界面。

 

1、整车开发流程

在解答如何展开HMI体验设计前,我们需要了解现在汽车的整体设计工作流程,一辆汽车的生产需要经过V型的开发流程(从目标的制定到目标的验证的过程)

图片

大体可以分为六个阶段:

  1. 产品战略阶段
  2. 概念设计阶段
  3. 设计开发阶段
  4. 工程车阶段
  5. 生产阶段

图片

 

2、HMI设计开发流程

然后我们来说一下HMI设计流程,HMI和C端B端的的设计大部分一样,也是需要与汽车工程师,市场人员,设计调研人员合作。不同的是HMI的设计更多会反复测试保证安全性优先的情况下,满足功能需求,整个HMI设计过程中及设计和实现是机密结合的 。

 

HMI设计开发四大流程

图片

  • 需求分析调研评估

在整车开发项目中,HMI体验设计应该从立项时开始介入,主机厂在通过市场调研和用户需求分析等调研方法,分析出市场上存在的潜在需求后,从平台化角度评估需求的导入和定型验收,和样车研发同步进行。

  • HMI创意设计

在得到用户需求分析和市场调研的数据后,将这些数据转化成为设计目标,得到初步的概念设计,之后在功能定义和产品开发达成一致之后,即项目目标正式确认,可开始进行细节和具体流程的设计;

主要包含以下细分模块:产品功能配置、内饰设计、市场竞品对标、人因分析、硬件约束、软件约束、功能需求定义、交互设计、视觉设计

  • 工程实现验证评估

在验证评估阶段中,通过台架仿真测试,或者提供特定评价用车和培训用车以及进一步的分析和质保路试。进行体验验证和设计迭代。之后是系统开发、硬件开发、软件开发、整车测试与评价。即可开始生产批量试制(PVS)。

  • 开发测试

最后是工程开发验证阶段,跟进实车功能测评,生产批量试制流程冻结后,会进行批量生产前总演习(OS),全面验证批产。所有流程环节都验证成功冻结后,产品则开始投入批量生产(SOP)。

 

整个分析下来HMI设计流程看似和互联网的开发流程大体相似,其实还是有很多不同,甚至可以说没办法完全复用的。因为两者的侧重点不同,关于汽车HMI设计与互联网设计原则的差异,和具体HMI的设计流程细节我们下次讲!

 

原文地址:七酱设计笔记 (公众号)

作者:郝小七

转载请注明:学UI网》设计要知道-HMI设计必看!车载HMI的设计入门

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



独家曝光!大厂设计师的交付细节全公开

seo达人


很多新人设计师初期会只关注行业趋势和手活的提升,而忽略更偏向团队赋能的“设计交付”(Handoff)环节,但后者其实更能甄别设计师的业务深度。毕竟美上天际的设计图,落地性无法保证,也只是镜花水月,完全无法转化为商业价值。

在下面的部分,我根据自己的经验列出了一些值得关注的交付细节,供各位设计师参考。

 

产品背景和逻辑交付

很多UI设计师在交付时没有“解说”的概念,认为这属于交互和产品写文档时负责的部分,其实不然。尤其对于一些中小型互联网公司,如果没有配齐产品和交互人员,或者缺乏相应的产品/交互说明产出,UI设计师需要适度补足这些缺失的部分。

具体说来,就是在高保真设计稿中加入少量的说明解释类页面,用最简洁的语句和配图快速传达任务的背景和目标,以便开发人员快速进入状态,准确理解需求,降低在开发过程中掉链子的几率。

部分云交付平台(如摹客Overflow等)支持上传后快速连接出流程图,在实际工作中非常实用。花上几分钟时间连接好页面间跳转关系并配上说明,开发同学理解起来就舒服多了。

 

设计稿及图片素材交付

首先,直接说结论:用云平台交付设计稿,别发什么压缩包!

很多Ps时代的设计师都经历过手动标注的过程,之后又逐渐转为了使用插件(如Sketch Measure)导出的HTML交付包的方式。但:类似Sketch Measure这样的插件大多是个人作品,兼容性和可靠度完全没有保障;此外,导出压缩包的方式面对改稿时的痛苦指数是非常高的。以国外行业轨迹来看,云交付一定是大势所趋。

针对国内设计行业现状,云平台大致有图中的3种选择:

具体使用方式上都大同小异,下载针对自己设计软件的对应插件,然后选择所需的内容上传。成功后直接将链接发给开发工程师即可,但切记还要确认:

  • 设计稿上传时选择了正确的设计倍率(尤其是对于移动端设计);
  • 所有的素材都已经标记好切图,并能正确地在云平台显示和下载。重要项目最好下载所有素材逐个检查,尤其注意图片质量、文件大小和分辨率;
  • 界面细节是否有重点信息遗漏,可以借助平台自带的一些标尺、卡片、图钉等工具补充说明;
  • 如有复杂交互或动效,考虑补充GIF / 视频供开发人员理解和参考。

“设计倍率”对于很多经验较浅的设计师是个难点,如果没有十足把握可以选择摹客这种自带全平台切换算法的云平台,这样即使选择错误也可以在云平台二次修改。素材检查也是很多设计师都会忽略的点,很多时候就是这一步把关不严,导致最终界面还原度不足。

 

图标交付

图标具有一定特殊性,交付方式往往不局限于传统图片格式交付,还有SVG雪碧图、字体图标库等等特殊方式可以使用。

  • 传统图片格式(PNG、Webp等)交付时,注意内容四周透明区域大小的正确,同时还要准备hover / disable 等不同状态下的版本;
  • SVG雪碧图的方式一般需要特定的插件导出资源包。这种方式导出后可以上传到云平台的网盘中,并和开发沟通好。
  • 字体图标库(iconfont)的方式需要先转换好svg,并保存在字体图标网站上,最后通过网站打包。最后同样需要上传好 + 沟通好。

 

设计规范及组件交付

部分云交付平台拥有全面的设计规范管理功能,开发交付时,除了能提供必备的图层信息和CSS样式代码外,还能提供变量名称(Variables)、组件代码(Snippet),样式表(Stylesheet)等更多专业的开发信息。

  • 在设计软件中封装好了组件,上传后平台就能够自动识别,并可以绑定组件代码、添加关联链接或其他描述信息;

 

  • 之后,所有使用了该组件的设计稿,开发人员都能轻易地获取到和组件模块的开发信息,大大提升开发效率和还原准确度;

 

  • 平台还能自动识别页面使用的颜色和字体,并集中归纳。手动编辑相关变量名称信息后,就可以导出开发所需的样式表文件,非常方便。

 

动效交付

最后简单提一下动效的推荐交付方式:

  • 一般场景:视频(Mp4)或动图(Gif、Apng、Webp)格式是最推荐的,效果可控度高。不同方式主要是帧率、质量、兼容性方面有区别,具体差异不赘述,可自行检索。
  • Lottie / JSON 方式必须要借助AE插件导出,同时对动画内容有一定要求,比如不支持表达式和Alpha通道等,使用前需要做好规划。
  • SVGA的方案对内容本身限制较少,但是需要在代码中载入一个微型的播放器,建议提前和开发人员商量。
  • 动效说明书的方式只适合复杂度不太高、且必须100%由前端实现的场景。

 

总结

总体来说,选择一款足够好的云交付平台是事半功倍的关键。近年一些自带交付功能的在线设计工具(如Figma)崛起,但从访问速度、易用性和功能丰富性的角度来说,依然和专业的云交付平台有着不小的差距,所以我依然建议使用摹客这样独立的交付平台来保证交付品质。

 

原文地址:UI中国

作者:摹客产品协作设计

转载请注明:学UI网》独家曝光!大厂设计师的交付细节全公开

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



火爆全网的设计风格、科技感的代名词

seo达人



图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

可以看到今年流行的轻拟物风格和以前还是有所不同的。

 

01.透明材质

这种风格最大的特点一定少不了透明的材质。毛玻璃材质是最常见的,透明磨砂的质感会让人感觉画面十分清透、充满科技感。

图片

图片

图片

图片

图片

 

02.光线折射

除了透明材质之外,还会经常与光线折射相结合,营造一种晶莹剔透、梦幻轻盈的氛围感,使画面整体质感大大加分。

图片

图片

图片

图片

图片

图片

图片

 

03.渐变幻彩

质感和氛围感到位之后,加上明亮绚烂的色彩渐变配合,会让整体作品不仅有质感、有细节、还十分吸睛。整体风格明亮治愈、有一种超前的科技感和脱离感,难怪微软和国内大厂都争相使用这种风格。

图片

图片

图片

图片

图片

图片

图片

图片

 

原文地址:设计师深海(公众号)

作者:设计师深海

转载请注明:学UI网》火爆全网的设计风格、科技感的代名词

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



5招!帮你搞定配色难题!

seo达人


前言

合理的色彩搭配是成就优秀作品的必要条件,我之前也写过很多篇关于配色的文章,有兴趣的同学可以翻一翻。

这篇文章我不讲理论,只希望配色做不好的同学,能学会借助工具解决工作中的配色难题。

下面我就为大家推荐5个实用的配色工具,朴实无华的5招,帮你搞定工作中的配色难题。会详细到每个功能的介绍、如何使用、侧重点是什么等等。

补充:因为都是国外网站,如果你英语水平跟我一样差,可以下载一个网页翻译的插件,轻松一点英文秒变中文。

 

一、Adobe Color CC

网站:https://color.adobe.com

Adobe官方出品的配色工具,也是我在刚接触设计时常用的配色网站,支持RGB、CMYK、HSB等多种色彩模式,并且也支持多种配色规则,比如:类比、单色、补色、分割补色等等。

图片

 

使用起来很简单,选定色彩调和规则之后,转动色相轮上的调整锚点,就会出现统一色彩调和规则下的多种配色形式。

图片

 

另外,每个色彩下方都会有对应的属性,并且每个属性都可以通过拖动圆球进行手动调节。

图片

 

所以,在工作中当你只能确定一个主色的情况下,我们可以将其设定为基色,通过手动调整的方式,让系统自动生成配色方案,这在工作中很实用的。

图片

 

还有一个功能很好用,就是从图片中提取色彩的功能,叫做提取主题。

图片

 

当我们看到一张很美的照片或者是想要参考别人作品的色彩时,就可以通过这个功能提取色彩。

图片

 

可以根据图片中的色彩属性进行提取,比如:彩色、亮色、柔和、深色等等,官方叫做使用色彩情景提取。

图片

 

提取主体初始默认是系统自动选取图片中的关键色彩,当然可以手动选择图片中你想要色颜色,是不是特别方便?

另外不仅可以提取纯色,还可以提取渐变色。

图片

 

跟提取纯色差不多,也可以进行手动选取你想要的颜色,同时也可以手动设置渐变色标的数量。

图片

 

还有一些好玩的功能,比如:色彩游戏、对比检查器等等,大家可以去看看效果,都试一下。

 

二、Colourco

网站:https://colourco.de

一个很有意思的线上配色网站,可以根据自己的喜好自由的进行颜色搭配,在调色板内范围内滑动鼠标,颜色就会随之发生变化,想要哪个颜色,鼠标左键点一下就可以锁定,以此类推。

图片

 

它还有很多实用的色彩调和规则,比如:单色、单色和深灰色、类比、四边形。类比与补等等。

图片

 

有了这些色彩调和规则之后,在选定一个色彩调和规则后,你同样可以通过鼠标在调色板范围内移动改变色彩,直到选定之后,点击鼠标左键锁定。

图片

 

如果你感觉调色板数量不够,可以通过页面右侧的“+”号键进行添加。

另外也可以通过手动调整中间颜色的属性和参数,在选定的的色彩调和规则下系统自动生成最优的色彩搭配方案。

图片

 

这与Adobe Color CC网站中的比较相似。

 

三、WebGradients

网站:https://webgradients.com

这是一个主要做渐变色的配色网站,网站内有180种渐变配色方案,整体风格都偏柔和、舒服自然,方案质量很高。

并且支持在线预览、PNG格式下载以及生成CSS代码等等。

图片

与其他配色网站的不同在于:无法手动调整、自由变换,没有过多的操作,从180中渐变配色方案中选择你想要的即可。

图片

 

下面是我随机挑选的几个,确实很漂亮。

图片
图片
图片

 

所以在工作中,当你想用渐变色又没有适合方案的时候,不妨来这个网站看看,也许会有意外收获。
 

四、ColorSupply

网站:https://colorsupplyyy.com
一个做在线配色方案分享的网站,收录了很多来自世界各地优秀设计师的色彩搭配方案,号称设计师和插画师的颜色选择器。
相比其他配色网站来说,它更加立体、直观、有特色。
图片

 

它也支持多种色彩调和规则,不仅有类似、补充、三合会、分裂补等等比较常见的色彩调和方式,还有新鲜的、漫画、自然、丰富的、画家等实用又特别的,可以说是面面俱到。
图片

 

相比其他网站来说,它还有更神奇的功能,就是支持配色方案的实际效果预览。让你实时看到每一个方案运用到工作中是什么样的。
图片

 

它还支持在线预览不同配色方案下的平铺图案、可直接复制的色值卡以及渐变色的实际效果。
图片

 

另外,进入“十六进制匹配”功能,你也可以手动属于一个颜色属性,系统就会帮你生成优质的配色方案,同样也支持方案的实际效果预览。

 

五、ColorSupply

网站:https://www.palettable.io
相比前面几个配色网站来说,这个网站更加简单、好玩一些。有点像一些手机交友APP,你只需要选择喜欢或不喜欢即可。
图片

 

当我们确定好第一个色彩属性之后,系统就会帮我们生成搭配方案,这时你感觉合适的就选择喜欢,不合适的就点不喜欢。
图片

 

以此类推,直至确定最终方案后,点击出口按钮,可以导出PNG格式的色卡。
图片

 

其实每一个系统帮你推荐的颜色,都不是随意随机的,而是使用数百万设计师的知识生成漂亮的调色板,都是有理论依据的。
以上就是我为大家推荐的五个实用的配色网站,每一个都有其独特之处,几乎涵盖了工作中的方方面面。
 
合理的色彩搭配对于设计作品来说往往能起到1+1>2的效果,反之也会将一个整体都还不错的作品毁掉。
所以当我们在工作中对于配色没想法时,不要去闷头苦想,不妨借助这些配色工具帮助你快速找到合适方案,做的多了、接触的多了,自然而然就会提升你的配色功底。 

 

原文地址:美工美邦(公众号)

作者:老张 


转载请注明:学UI网》5招!帮你搞定配色难题!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



拒绝千篇一律!用「场景创意法」打造高粘性运营活动

seo达人



写在前面

随着互联网时代的不断发展和完善,各大互联网品牌都已在运营活动中集中发力,如何借助运营活动让用户能自发的、高频次的使用产品将决定着未来的商业体量及价值。

说到运营活动不得不提到的就是某多多,某多多的成功靠着拼单省钱这个运营思维让上亿用户都曾帮着朋友砍上一刀,随着这种运营活动的大肆推广,各大友商也随之效仿,越来越多的亲朋好友也在我的帮助下身受数刀而乐此不疲。

图片

*图片信息来源花瓣网

 

随着亲朋好友蜂拥而至发来的求砍链接,似乎记不得我是在什么情境下,以哪种动机,去做了这件事,更记不得这是谁家的品牌,品牌主张是什么?倡导着什么样的消费方式?那对于这种运营活动获取到的新用户真的是商家想要的用户嘛?

如果不是那运营活动要如何打破千篇一律同质化严重的恶性循环呢?

接下来以《赶集薪心愿节》运营活动作为案例剖析给大家,希望通过本次的运营活动解读给大家带来一些小小的启发。

图片

图片

01.行业洞察引发场景联想

无论是刚走出象牙塔的学生党,还是工作已久的白领,职场无疑是一场无硝烟的战场,为了区隔品牌与品牌间的运营活动同质化,赶集薪愿节活动场景拟定为——挑选职场装备的装备库。

图片

图片

 

02.人群定位赋予身份标签

一场无硝烟的战争场中离不开英勇奋战的职场战士,为了给予用户更多的参与感与代入感,将挑选装备的职场人给予“未来职场战士”的身份标签,使其更具荣誉感。

图片

 

03.品牌传达到创意概念

各大招聘类网站都在为自己的平台摇旗呐喊,作为58同城旗下的赶集网平台肯定也要在这场无硝烟的战争中加强赶集网用户的品牌认知,刺激新老用户在端内使用的活跃度,加深用户对“真职位”的口碑印象,在真职位的传达上,结合场景进行专属表述:集齐薪装备,玩转真职位。

图片

图片

 

04.利益驱动转化专属装备

通过对职场人真实生活工作路线场景还原分析,初步分为三大专属装备:1.通讯装备  2.出行装备  3.生活装备。游戏中获得的装备卡片对应的也都是真实职场生活中所用到的物品,让用户感知从虚拟到现实增强用户的身份联想。

图片

图片

 

05.互动游戏方式激发沉浸体验

打造场景化主题运营活动,最终目的还是渲染氛围让人能感受游戏化场景给予用户代入感及满足感,结合游戏场景的互动性能增强用户沉浸式的体验,从而形成肌肉记忆与游戏习惯。

图片

图片

图片

 

活动数据 

活动上线十天数据显示:活动落地页转化率有明显增加,本次用户留存时间较纯利益驱动运营活动有显著提高,上线后活动次留均值及活动分享转化率大幅度提升。

图片

 

总结

靠利益驱使的运营活动是否真的能长久的留住用户,当商家不在为用户提供优惠或奖励时,什么样的运营活动才能代替以利益驱使的运营活动,让用户自发性的有效留存这个可能是运营活动永久的一个值得为之探索的课题。


 

原文地址:58UXD (公众号)

作者:环铁艺术家

转载请注明:学UI网》拒绝千篇一律!用「场景创意法」打造高粘性运营活动

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档