首页

如何正确使用字体的重要性

lanlanwork


 

图片

 

 

我们不妨换个手写的文艺字体,通过对比,这时会发现适合的字体可以恰当表达出一张图片的风格。

源图像源图像

 

 

再拍一张照片,夜晚寂静的高架桥,符合氛围的主题、加上好的排版方式本是一件非常浪漫的事情,但如果字体不在一个频道里,就会破坏整个主题的氛围。

 

图片

我们不妨换个字体试试,通过对比,能看出字体在设计场景时的重要性。

源图像

 

 

 

 

一串文字,为什么通过排版设计出来还是不好看了,因为字体是一个非常细致的感受,当改变了字体形态之后,那种暗恋的感觉好像又回到了当初在校园同桌的她。

图片

图片

 

我们用英雄两个字来示例如何分析字形判断。

1、字形内部的空间和边缘体饰都偏版直方正,所以缺少个性,无法给人独特性的氛围表达,适合叙述性场景。

图片

 

2、字形内部宽厚,边缘体饰却带有微微尖角,上下故意的压扁,使着字体底盘很稳,给人一种力量和浑厚的感受。

图片

 

3、毛笔性字体,天生带有自由和挥洒豪气的特点,但是这类字体顿挫的边缘好像在告诉我们,它在克制自己的张力,适合做为主标题使用。

图片

 

 

4、同样的毛笔性字体,跟上一种就截然相反,它将字体的豪迈豪不隐藏的表现出来,能体现出一种情绪的特征化。

图片

 

在实际场景使用时,以下几种字体的使用就更能表达出恰当的字体在设计场景时是多么重要。

图片

 

 

最后再带来一个字体的实际案例

一个建筑放置于画面中间,两只手拖住物体,制造夸张对比的错视感。

图片

 

 

再将主题文案通过穿插的版式手法放置于物体周围,最后添加一些叙述信息填补版式的空缺,看起来排版没有太多问题,但仔细观察主体和场景的气质却没有被烘托起来。

图片

 

当我们改变字体的使用后,整体的气质立马显得庄严和宏伟,再通过对比我们发现,原来与好的设计之间,差距也只是一个字体的使用而已。

源图像

 

图片

 

原文地址:修先森撩设计(公众号)

作者:修先森

转载请注明:学UI网》如何正确使用字体的重要性

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


来了!解读2022年10种UI/UX设计趋势

lanlanwork


1.极简主义

越是领先的科技公司,你会发现,他们对简单大气、重点信息明确、精致的设计越有强烈的偏好。这种趋势逐年增多,覆盖范围也越来越广,品牌和各行各业的设计师也越来越多的偏好这种风格。

例如:英国金融科技公司Revolut

Meta(2021年10月28日,Facebook宣布,该平台的品牌将部分更名为“Meta”。)

Dribbble设计师:MoRas ✪ 的作品

小结:从心理学角度上说,极简主义也是在寻求一种安全感,纷杂的物品和内容生产者无时无刻都在绑架我们的眼睛,很容易让人沉沦其中,不能自拔。当越来越多的人开始明确自己的定位,明确这些购物和社交软件只是满足自己需求的一种工具,而拒绝做工具的奴隶。「觉醒」的人越多,极简主义的运用就会越来越普遍。

 

2.粗旷/粗野主义

粗旷主义包含强烈的轮廓、鲜明的对比色、大胆的排版和真实的生活摄影相结合。

去年我们还在说:“ 野蛮主义设计风格短期内应该不会深入到UI设计中去,更多的会在网站,或者杂志的设计运用此种设计思想。”

今年Spotify Wrapped(可以理解为国外的网易云年报)就给我们上了一课—野无止境。

贪吃蛇一样的形状配合各种高饱和颜色,穿插于各种界面和海报中,形成了巨大的视觉冲击,令人难以忘怀。

让我们来看看他们的设计:

 

3. 重回90年代

流行趋势总是轮回又轮回,但原因可能不是现在的人忽然意识到以前的回忆有多美好,而是当年的90后小孩成了行业的领头羊以后,将童年的美好回忆拿出来沉醉一番,找个机会释放内心的那份童真。

创意机构CPB London的设计总监June Frange将这波趋势称之为「年代怀旧」,短视频平台和明星效应的加持,以及使用者自发性的DIY内容,也使得它的影响力更加强大。

今年《王者荣耀》推出了两个新主题的游戏皮肤,其中一个以旧版西游记为原型打造的孙行者皮肤,一经上线在销售量上就远远超过了同时出现的安琪拉新皮肤。而原因却并不是皮肤的精美,因为从孙行者皮肤的精美程度而言,官方这一次就是出了一个“原皮”。

这样一个简单的皮肤,却让无数玩家纷纷掏钱买账,这就是怀旧的魅力。这种使用传统神话故事元素结合官方的创新设计,让无数玩家用一种全新的方式感受到了传统文化的魅力所在。

虽然我玩游戏不多,但是也半夜爬起来买了个孙猴子~

 

4.排版变得更生动有趣

10 年前,行业对排版比现在要严格得多,有明确的排版和字体使用规范。

不过现在,设计师们可以对标题和段落做任何想做的事情——完全取决于想象力。将字体与形状、照片和表情符号混合,在其上添加纹理,或者选择一种形式非常复杂的字体做装饰。

这种设计会产生一种有趣、引人注目的效果,但它也必须要美观和谐——我们仍需在设计时首先牢记:用户的舒适度永远是第一原则。

字体设计在2022年仍将占有一席之地,设计排版中融入夸张的、富有个性的字体,比如:同时拥有流畅的线条与锐利的棱角。

《鱿鱼游戏》的韩文片名标题,是由几何图形重新排列组合而成,挑战了抽象形状和文字之间的区别,借此突破字体必须易于阅读的局限,创作出具有表现力的形式。

Design Bridge London的高级设计师 Chris Algar认为:「  2022 年将是字体的重要一年」。

他预测:“我们将看到排版风格融入真正夸张的个性字体,在流畅的线条和锐利的棱角形状之间形成对比。”

Chris 认为,颜色和活力也将在 2022 年的排版趋势中发挥重要作用。

 

5.Glassmorphism 和玻璃元素

玻璃态已经无处不在——这是事实。有背景模糊、半透明物体,如卡片、水彩、玻璃球等等。从 Mac OS Big Sur 和 Windows 11 ,玻璃拟态已经存在了很长时间。

在去年,Glassmorphism(玻璃拟态)经过一整年的风靡也算站稳了脚跟,并未像新拟态风(Neumorphism)一样火速崛起又火速沉寂。越来越多的设计师将这种风格融入设计中去。

 

6.极光背景

不知大家是否可能还记得前一年的这个趋势——「模糊的彩色背景」。

它在2021变得非常流行,甚至有了一个专有名词——极光背景。

微妙、多彩、模糊的颜色看起来非常友好和有机——且更具视觉吸引力。这些飞溅和高斯模糊可以用作整个背景或置于一些重要的 UI 元素下。

 

7.全息/霓虹灯

这种网络全息/霓虹灯效果很适合虚拟现实和全息界面的时代。虚拟世界提供的新可能性激发了设计师的灵感。充满活力的、发光的颜色、抽象的圆形、全息图纹理是这一趋势的典型特征。

它也被广泛用于许多加密空间,以展示这些接口的未来性。

 

8.环保风

我们大多数人还是愿意选择环保的生活方式的,投射到设计中——可以将「生态外观」和感觉融入设计中。

越来越多的品牌在追逐这种「纸质感」的趋势——背景通常是灰色的,类似于可回收的纸板。排版风格极简。对比度很高。颜色非常克制,看起来稍显「暗淡」,这种风格包含现实生活中的摄影、纹理、和涂鸦。

 

9.粘土形态3D

3D 作为一种艺术风格正在变成设计趋势和大众流行

现在一种特殊的风格越来越受欢迎,3D最新的流行风格是粘土形态——类似于由粘土制成的对象(形状简单,由圆柱形/椭圆形组成,由内阴影和外阴影创造深度,但采用更「松软」的 3D呈现方式,通常与其他极简设计结合在一起。粘土3D有种可以按出一个坑的质感。

 

10. Metaverse

元宇宙(英语:Metaverse),又称形上宇宙,此一科技词汇由前缀“meta”(意思是超越)和词干“verse”(通过逆向构词法从“宇宙(universe)”得来)组成,可简称为MVS。这个词通常用来描述未来互联网虚拟环境的概念,于共享、持久的3D 虚拟空间组成一个可感知的虚拟宇宙,此合成环境包含对象、常驻用户与其交互关系,并存在于虚拟定义的时间中。旨在提供连接用户长时间登录和交互。广义上的元宇宙概念不仅指虚拟合成世界,还指整个互联网,也包括增强现实的范围。

Metaverse描述的是一种趋势:越来越多的技术和媒介,都在不停地缩短虚拟和现实的距离。

人类的大量活动和时间在往数字世界进行迁移。我们的社交活动、经济活动都是在数字世界(或者叫虚拟世界)里面,玩游戏也好,购物也好,社交也好,所以元宇宙(Metaverse)就是顺应这样的趋势产生的,元宇宙就是个数字世界。

感兴趣的朋友可以自行搜集详细资料。

用户体验设计,设计师的出发点是人,让人的使用体验感加强,趣味性加强,使用更加方便。在此角度,设计师不仅应当对设计趋势进行学习和分析,也要促成设计趋势落地的执行。学习拥有国际化的全局视野,增强面对复杂的中国本土市场的应对能力和洞察力,把学习和研究成果转化为产品设计的能力。

文献:Diana Malewicz (UX Collective)  素材来源dribbble,侵权删。

 

原文地址:站酷

作者:一个辛普森

转载请注明:学UI网》来了!解读2022年10种UI/UX设计趋势

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



工作经验|如何编写「设计规范」?这套思路一学就会!

lanlanwork


看上去复杂的规范,其实都可以抽离出同一套编写思路,不管你写的是哪一类规范(比如组件规范、动效规范、Banner 视觉规范等 )都可以尝试分为以下几个步骤:

1. 定义通用原则

2. 定义事件特点

3. 定义特殊场景

4. 其它内容补充

 

一、定义通用原则

通用原则会为你的使用者提供评价内容设计好坏、质量高低的衡量标准,定义整体设计的大方向,也会帮助使用者决策,判断什么该做、什么不该做。

 

案例:

以编写「Banner 的设计风格」规范为例,规范中的某两条内容如下:

– 契合语义:Banner 中的元素需要与文字语义契合,并对重点内容做强化和引导;

– 样式简洁:以不过于吸引视线为标准,形状不可过于复杂,面积不要过大,符合 XXXX 行业的风格特征。

 

经验:

1. 通常总结出关键的 2-5 条即可,内容在精不在多;语言精练,易记、易理解很重要。

2. 这些原则是最基础、通用的判断标准,在编写的过程中要结合实际情况,使之具备真实有效的指导性。

3. 形式要从简。写规范不是为了彰显设计价值,而是为了统一和更正他人的设计行为,因此形式要追随功能,侃侃而谈和花里胡哨的排版都要慎用,切忌舍本逐末。

 

二、定义事件特点

接下来你需要对所要规范的事件本身进行描述,包括事件的特征、状态、使用方式等细节。这就需要你对于事件本身进行有逻辑的拆解和分类,你可以按照设计流程或者组成事件的框架结构来进行描述。

 

案例:

以编写「Banner 的设计风格」规范为例,你可以按照 Banner 的设计产出流程,从 Banner 的构成框架、图案样式、文案规范、色彩规范、输出文件格式等方面,对其进行详细描述,这些内容就是你对于设计产出的基础要求和限制。

经验:

1. 通常来说你不需要从 0-1 来定义这部分内容,而是可以借鉴现有行业中已被广泛认可的设计原理和法则(比如视觉原则就有:视差规律、情感化设计、费兹定律等等),来为你的规范做理论背书,再结合实际产品 / 行业特点来编写规范。

2. 规范颗粒度没有限制,描述越细致,规范就越严格。规范定义得太宽松会起不到效果,太严格则会产生限制、不宜遵守,因此要适度。

3. 对于一些比较难理解的规范内容,可以给出一些正确 / 错误实例,也直接给出一些切实可用的实操模版,辅助使用者进行理解或操作。如下方 Material Design 在描述 icon 设计规范时给出的实例:

图片

 

三、定义特殊场景

以上的通用规范和定义可以涵盖 80% 左右的设计情况。但在具体业务中难免会出现特殊或极端情况,预判并定义这些特殊场景的使用方式也很重要。你可以把特殊场景理解为「边界场景」,相当于找到事件位于临界点时的处理方法。

 

案例:

还是以编写「Banner 的设计风格」规范为例,对于文案规范这部分内容,当业务一定要修改现在的文字排版和布局;或者给出的文字内容很长且无法缩减;再或者要翻译成多国语言等,对这类情况提前做好预判,给出合理的解决方案。

 

经验:

1. 对于特殊场景,你可以给你自己设定一条逻辑线,有顺序地思考。

2. 更可行的方法是收集实际工作中其他设计师在设计过程中遇到的各种特殊情况,进行汇总整理。

3. 特殊场景的规范不需要一步到位,随时发现,随时补充

 

四、其他内容补充

你还可以补充以下内容,让你的规范更完整:

 应用此规范的最佳实践案例

 对于其他相关部门的同事,想要获取相关知识,如何快速阅读关键内容;

 设立简易的反馈和答疑方式,收取使用者的反馈,以便优化规范;

 规范的更新时间和更新内容纪要,保留完整的记录和归档。

规范的编写过程不会是一帆风顺的,不要急于求成,可以步步为营,逐渐优化。

 

另外,并不是说规范文档编写好就万事俱备了,更重要的是要提供给规范使用者阅读的便利性,包括:如何更快地阅读文档、在更新文档之后如何同步等等。关于编写好规范如何落地和推广应用,你可以查看文章:如何让「设计规范」被有效执行和落地 。

原文链接:长弓小子(公众号)

作者:元尧

转载请注明:学UI网》工作经验|如何编写「设计规范」?这套思路一学就会!

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


久等了,2022 IF设计大奖作品来袭!

lanlanwork

图片

图片

三星隐私视觉体验视觉识别系统,该系统的标志以一致的方式应用于所有三星设备和服务,直观地表明用户的个人信息受到安全保护。

图片

三星对隐私的关注以平易近人、外观友好的图形形式传达给用户。该可视化系统旨在帮助用户安全、安心地访问各种服务,并提醒所有相关人员注意保护个人信息的重要性。

图片

图片

图片

图片

阿波罗智联(北京)科技有限公司

Roboride 是无人驾驶机器人出租车的完整解决方案。设计系统为用户和其他交通参与者创造了一种安全感。外屏作为用户的第一接触点,为身份认证提供了精准的交互方式。

图片

HMI屏幕还可以通过3D实时显示路况、安全语音提示和定制场景让用户感受到更多的掌控感,增加用户的信心和舒适度。

图片

图片

图片

“FICTION PLAY”活动旨在通过添加“游戏”的概念来摆脱短篇小说的世俗体验。NC 有七位作家和七篇短篇小说,提出了三种以各种方式和主题与人交流的方式。

图片

从网络小说、作者配音的有声读物、AR体验到虚拟空间中寻找参与者的句子,打造全新的“PLAY”体验。促销活动、线下出版物和展览空间为多种用户体验开放。

图片

图片

图片

RTL United已经合并成为一个一致的品牌,全新外观,色彩缤纷,超级动感。RTL 将成为多样性、娱乐和灵感的宣言。目标:新的品牌价值,一种新的态度,一种新字体,可提供最大的易读性并创建清晰和情感交流。

图片

图片

图片

图片

图片

HarmonyOS建立在分布式操作系统架构之上,可以跨设备运行,是华为全场景战略的一部分。这款新操作系统适用于移动办公、健身、健康、社交、媒体娱乐等。

图片

图片

图片

图片

慕尼黑国家社会主义历史文献中心专注于纳粹独裁的历史——最重要的是它对现在和未来的意义。

图片

图片

图片

图片

图片

OERA由全球最权威的化妆品与美容权威Dr.Sven和MOJO创意总监Alison Goudreault联手打造,是时尚专业公司HANDSOME旗下的首个奢华护肤品牌。

图片

OREA 提出了“达到绝对零状态的每日旅程”的概念,Oera通过详细的微交互、简单时尚的布局和增强的 3D 来提供自己的奢侈品身份。Oera 将其自身的生物技术应用到 Orea 产品上,以友好的语气提供内容,从而最大限度地发挥 Oera 品牌的声望氛围。

图片

图片

图片

图片

Galaxy Watch4 配备了全新的统一平台,因此用户可以使用更多种类的应用程序,并且在与手机一起使用时,它提供了更好的可用性。

图片

此外,针对圆形显示进行了优化的精美屏幕营造出愉悦的用户体验。增加身体成分和睡眠分析功能,让用户更好地保持健康。手表经过重新设计,允许更自然的交互,从而创造更方便和愉快的用户体验。

图片

图片

图片

图片

Minna Bank 是日本第一家为数字原生个人创建的数字银行服务。利用设计的力量,将传统银行业务重新定义为对客户生活至关重要的数字服务。

图片

Minna Bank 提供一系列数字银行服务,允许用户通过智能手机控制他们的资金,包括虚拟借记卡、预算功能和透支保护。Minna Bank 设计友好简约,时尚插画营造出有趣活泼的氛围,让用户摆脱传统金融机构带来的压力。

图片

图片

图片

图片

New Naturalist Landscape Design是欧洲领先的先进景观理念和技术、科研景观公司。

新自然主义景观设计侧重于栖息地露营、可持续景观和生物多样性恢复和改善等领域。赋予新自然主义以阳光般的生机与活力,清新美丽的空气,水土般的自由融合。

植物群落不断重组中的生态景观呈现出新的生命形态,城市与自然在有限的空间中寻求无限平衡的感觉。

图片

图片

图片

图片

图片

今年IF设计大奖还是有很多优秀的作品,我挑选了其中部分展示,大家感兴趣可以去官网看看其他设计作品。

从这些设计获奖作品中,我们可以学习的他们设计理念,设计表达形式,以及如何进行视觉包装,最终获得IF设计大奖。看完后可以多思考,他们为什么要这样设计,我们能学习地方是哪里?

 

作者:Tony

转载请注明:学UI网》久等了,2022 IF设计大奖作品来袭!

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

魏华的微信.png

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


优秀日本食品海报的10个设计细节

lanlanwork

01.布纹背景
以布纹做背景既比纯色背景更显细腻,也不会太花,且视觉上会给人一种干净、专业、卫生的感觉,此外,还能加强与餐饮行业的联系。

图片

图片

图片

 

图片

图片

 

 

02.柔色

柔色即看起来很柔和,有点小清新的色系,这类颜色的饱和度和明度偏高,作为食物海报的主色,可以大大加强食欲,还能突出食物,是典型的日系配色。

图片

 

图片

图片

图片

图片

 

 

03.花瓣素材

大家都知道日本最出名的花是樱花,所以很多日式食品海报通常会用樱花来作装饰,粉色或白色飘零的樱花,不仅能使画面更丰富、更有动感,还能赋予画面一丝浪漫的日式气息。

图片

图片

图片

图片

图片

 

 

04.扁平插画素材

如果你看过比较多的日本海报,你应该会发现很多日本的海报都喜欢使用扁平插画素材,在食品海报中也不例外,扁平、简单,甚至是有点随意的插画,能与食物图片形成鲜明的对比,而且还能给画面增加一种淳朴、健康的感觉。当然,这些插画素材通常是跟食物直接相关的,比如原材料或餐具之类的。

图片

图片

图片

图片

图片

图片

图片

 

 

05.展示原材料

很多食物的原材料都是很有食欲的,比如水果味的冰淇淋、加入了水果的糕点、食材丰盛的菜品等等,把这些新鲜、美味的原材料加入都画面中,与食物本身进行组合,比如作为画面背景、作为装饰素材,或者与食物进行对比等,可以使画面的食欲更强、更美观。

图片

图片

图片

图片

图片

图片

 

 

06.使用手写字

手写字与扁平插画一样,可以增加食品海报纯朴、手工制作的感觉,而且更显亲切,比起宋体和黑体来也更加活泼一些,很多国内的食品海报也喜欢用手写字体做标题。

图片

图片

图片

图片

图片

 

 

07.超强食欲的图片

作为一张食品海报,能否激起消费者的食欲是最关键的,所以优秀的食品海报,其食物图片肯定是很有食欲的。食欲很强的图片在拍摄时要使用一些技巧,比如通过特写镜头拍出食物外表或内部的质感、拍食物流汁或流出果酱的状态。另外,色彩通常要以暖色为主,要鲜艳、干净,而且图片一定要高清。

图片

图片

图片

图片

图片

图片

图片

 

 

08.以食物图片作为主视觉

如果食品图片够好看、够有食欲,那么直接把食物图片放大作为画面的主视觉,是最简单、最有效的做法,视觉上会很聚焦、不凌乱,还能有效吸引目标消费者。

图片

图片

图片

图片

图片

图片

 
 

09.食物俯拍

很多日本食品海报喜欢使用俯拍的食物图片,因为俯拍的角度能够更全面的展示食物甚至是餐具的特色,而且由于大部分餐具都是几何形的,所以采用俯拍的角度可以使图片的轮廓更简单,多张食物图片组合在一起时还能形成重复的效果,统一性和节奏感比较强。另外,俯拍的角度比较平拍在视觉上会更新颖一些。

图片

图片

图片

图片

图片

 

10.有动感的构图

比如让食材或者食物图片腾空而起、或者是旋转倾斜,画面的动感就会大大增强,有动感的构图一方面可以让食物看起来更新鲜、更有食欲,另一方面也能够让画面变得更活泼、空间感更强。

图片

图片

图片

图片

图片

 

图片

以上就是日式食品海报中常常会用的一些设计技巧,当然,这些技巧并不是必须的,也不能保证你能做出优秀的设计,但优秀的设计确实会有很多共同点和方法,找到它们,并结合自己的设计需求合理使用,你就能够事半功倍。

 

原文地址:葱爷(公众号)

作者:葱爷

转载请注明:学UI网》优秀日本食品海报的10个设计细节

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


百年包豪斯设计风格,凭什么这么牛?

lanlanwork


图片
图片
包豪斯德绍,1925-1926

包豪斯(Bauhaus)以德语命名,意为“建筑之家”,由建筑师沃尔特·格罗皮乌斯于 1919 年在德国魏玛创立。1915 年,他接管了大公撒克逊工艺美术学院,四年后该学院与魏玛美术学院合并,形成了激进的新设计学院。

图片
沃尔特·格罗皮乌斯

 

包豪斯从一开始就不仅仅是一种建筑风格,而是一所结合了手工艺和美术的学校,受到现代主义、英国工艺美术运动和建构主义的影响,包豪斯也最终成为20世纪最具影响力的现代主义艺术学校。

图片
包豪斯的老师

学校被定义为一个将工业设计、建筑、雕塑和绘画融为一体的乌托邦工艺行会,为艺术家和设计师提供了由实践技能、工艺、技术和理论知识组成的原创和有影响力的课程。

图片
Image via spicewoodchess.org
包豪斯在柏林短暂第三个发展阶段中就停止了,总体来说,虽然包豪斯存在时间不长,仅有13年,但是它的设计思想,理念风格却成为一个大流派,影响一直延续至今。甚至我们也有看到现今一些设计,形式感,处理手法上也有包豪斯一些影子在其中。
图片
图片
Mauri Davida | Typographic Posters Collection 

包豪斯的设计理念是形式追随功能,少即是多,去除一些不必要的装饰,也是包豪斯整个设计风格特点的精髓,包豪斯设计在保持功能性的同时体现了未来主义的外观。

包豪斯倡导功能为主,不花哨,简单而优雅的几何形状,理性化和简洁设计为主,它偏向于实用而不是炫耀。这种理念在包豪斯产生重大影响的领域非常突出。

Bauhaus Books by Michael Kimmerle

在设计中包豪斯更看重产品实用性,而非纯美学。不过,这并不是说包豪斯在视觉上没有吸引力,极简美学特征就是它最大的标致,以至于流传到现在一些经典设计,看起来依旧没有觉得过时。

图片
Bauhaus 2.0
图片
Pienso | Ray Dak Lam
截屏2022-05-10 上午11.37.14.png
包豪斯风格影响了诸多行业的设计变革,也被奉为现代设计的经典,那么受到包豪斯风格影响的设计到底变成怎样了,下面带着大家看看包豪斯设计风格一些案例。
品牌设计中的应用
图片

 CFB 2018

图片

 

图片

Bauhaus Football Club

图片

BRANDING • 19-19 Cabinet d’Architecture Indépendant

图片

BRANDING • 19-19 Cabinet d’Architecture Indépendant

图片
 László Moholy-Nagy
图片

版式设计中的应用

图片
图片
Salon du livre de Montréal by Melanie Lambrick
图片
Beacon: A new design-led project to raise money for disaster relief efforts
图片

Robert Gutmann | 20TH CENTURY DESIGN

UI设计中的应用
图片

Blockchain mobile Franko Komljenović

图片
Web Design Concept for Balenciaga

图片

图片

图片

Glyphs app Brand Identity & Website

包装设计中的应用

图片

图片

图片

Plácida

图片

包豪斯设计风格在其长达一百年的发展历史中,仍然延续至今,也在过程中经历了诸多挫折和逆境,在其发展的三个阶段中不断变化迭代,以及其革新的设计理念影响了当时诸多设计。在 21 世纪包豪斯风格仍然存在,激励着前前后后的设计师学习和借鉴思考。

回个头来我们也需要思考,为什么我们现在看一些设计风格可能就一年或者半年就被市场给抛弃了,究其原因还是过于形式化和追求华丽的外表设计。而包豪斯风格带给我我们的设计理念就是功能为主,少即是多。

 

原文地址:功夫体验设计(公众号)

作者:Tony

转载请注明:学UI网》百年包豪斯设计风格,凭什么这么牛?

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


帐号人格化创新设计

纯纯

帐号作为用户身份在互联网产品中的投射,是用户在产品中重要的身份信息。突出用户个性风格的头像信息可以促进用户之间互动社交行为,提高用户对产品的粘性。

///

前言

帐号作为用户身份在互联网产品中的投射,是用户在产品中重要的身份信息。我们可以通过用户的头像、用户名、挂件等快速辨识用户性格兴趣喜好等特征。在用户进行社交时,帐号头像是最直观、最快速的了解用户的方式之一。识别性强的头像信息可以促进用户之间互动社交行为,提升评论区活跃度与氛围感,从而提高用户对产品的粘性。在百度APP中真实头像占比较低,让用户上传/拍摄图片作为头像,对用户而言成本较高,并且存在图片质量和内容监管等问题。因此产品内部的推荐头像就显得尤为关键。

当前百度APP中默认推荐头像设计过时,不能满足当下用户群体对专属个人身份标识的诉求。本次目标就是提升用户真实头像占比、同时提升百度APP社区氛围体验,强化用户个人属性身份认知,由此来塑造帐号的真实感。

对默认推荐头像进行重新设计,如何满足百度APP庞大的用户群体是设计中的重点难点。第一是需要满足用户不同的身份特征个性诉求,第二是设计需要满足整体产品设计定位。

在上述前提下我们启动了百度APP帐号人格化创新设计,进一步满足了用户对个性化的诉求,并提高用户粘性。


一、需求洞察

首先是问题定位,目前仅有30%的用户自定义真实头像,相较于竞品处于较低的状态。并且默认头像设计过时,氛围感不⾜,体验较差。本次目标就是提升用户真实头像占比、同时提升百度APP社区氛围体验,强化用户个人属性认知,由此来塑造帐号的真实感。


二、设计打法

确定目标后,围绕真实感氛围营造展开了一系列的发散。以业务、人群、人格三个维度进行切入;分析和探索后发现单纯的业务和人群划分较为局限。为满足百度APP用户群体各年龄层、多种性格等的诉求,最终确定为心理学人格方向,以心理学“荣格人格”为理论基础进行展开。

心理学家荣格定义了人类基础人格的12个主要类型。每种类型都有自己的价值观、意义和性格特点,从性格中提取关键词,分别筛选出有共性的、大众熟知度高的动物形象来匹配12种人格。


三、形象设计

基于人格理论依据开始将动物具像化,经过大量的讨论、草图绘制、筛选和优化。

草图绘制确定动物形象基础造型与特征。以天真者为例,为了表现形象俏皮、可爱的特性,兔子一边耳朵折叠,并且选用圆润的外观,搭配脸上的腮红。通过表情大眼睛,张嘴微笑来表达心理人格。

在绘制的草图中选取最符合人物性格,并且用户可以接受的可爱的没有对抗性的设计。
将选定的草图在三维软件中进行模型制作。优化模型布线并制作模型贴图、灯光、材质,完成三维化制作。通过以上的设计流程完成12种人格的动物形象制作。

为了进一步提高IP形象的影响力,推动更多业务场景的应用。对IP头像进行身体延展,打造专属IP团体,进一步符合人格化定位,提升形象辨识度。


四、应用&收益

为了保证用户选择多样性和不同的圈层喜好,除了12个动物形象,还提供了一系列实景拍摄照片,包括风景、艺术、生活、中国风等主题等来满足用户需求。

头像设置页面优化升级,提升页面容器屏效。将之前头像尺寸减小并缩小间距,保证有限屏幕内用户可以看到更多的头像。并将头像以分类形式显现,方便用户挑选符合自己喜好的头像样式。下方“拍照”和“从相册选择”入口样式更新,突出拍照入口。

42个新增头像已经在PASS源头进行铺设使用,在百度APP产品内、以及PC端PASS注册环节做了相关的使用引导,保证用户可触达新版的头像。

整套帐号人格化头像设计完成百度系产品落地应用,助力全系产品提升用户粘性。

除了百度APP端内场景运用外,还在端外场景提升IP形象影响力。2021年牛年春节推出牛年专享新春红包。为金牛形象设计专属新春服饰&场景,打造财神牛形象,以搭配农历春节时间段,金牛、元宝、祥云相结合突出节日喜庆的气氛。

帐号人格化头像上线后得到了良好的反馈,用户满意度及推荐度远超预期,得到了近90%的用户反馈。同时通过相关的场景推荐综合提升了百度APP用户真实头像占比,并且数据还在持续提升中。


///

创新设计价值


一、提高用户粘性

帐号头像是真实用户在产品中的身份标识,可以展示用户的个人性格特点、兴趣爱好。提升用户在产品中的辨识度,同时提升用户互动氛围,提高用户粘性。后期还可通过运营和推广手段,形成具体用户画像,达成精准的内容推送。


二、持续供给装扮资产

帐号人格化形象设计上线后得到了良好的用户反馈及数据收益。我们会继续思考IP形象的拓展以及产品中的深度应用。之后IP形象不止单单出现在用户头像设置上,会继续精细化设计完成场景、装扮等精细化设计。并应用于百度APP首页皮肤、号主页背景装扮、头像挂件等场景。持续供给百度APP装扮资产,综合

提升用户吸引力&用户粘性。



文章来源:UI中国   作者:百度MEUX
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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



为什么这个配色会怪?

纯纯

1.为什么这个配色会怪?


我们在画线性图标的时候,有时候会用深浅色配合,比如描边用亮蓝色和深蓝色,像这种:



我们会觉得很和谐,为什么?虽然他们饱和度、明度不同,但他们有相同的色相,有一定的关联性。


还有一种情况就是相同明度、饱和度,但是有两种色相,比如蓝绿,蓝黄:



我们也都觉得很和谐,为什么?因为有相同的明度、饱和度,他们也有一定的关联性!


但是如果是这样两个描边配色在一起:




就感觉有些不和谐,就是因为色相、饱和度、明度没有一项是有关联的,所以就感觉不太搭。


像下面这位星友做的练习,也是一样的道理:



这个配色多少有点不太和谐,我们放大一个图标来展示下,比如这个:



这两个配色,不论是在明度、饱和度、色相上都没有关联,所以看起来有点违和。


我们只要让它稍微有点相同属性,就会好很多,比如我们让两个颜色的色相有点关联,都用蓝色色相:



再比如让两个颜色饱和度有点关联,都用比较灰的颜色,哪怕色相完全不同,都会比较和谐:



我们在做这种图标描边配色时候时候,一定要注意这个内在关联性的逻辑。


当然,这里说的只是做图标描边时候的配色,视觉画面配色,不在讨论范围。



2.为什么你的图标看不清?


这个点之前其实有强调过,很多同学在做图标的时候很糊,像下面这组练习:



其中一个很重要的因素就是投影问题,投影千万不要加的太重,要和你主体物的颜色区分开,比如我的主体物是蓝色:



然后投影也用这个蓝色:



那肯定很糊呀,所以我们必须要用一个淡蓝色:



直接降低透明度也行,没有什么操作成本,所以投影千万别再和主体物黏在一起了。



3.对比就能出来基础的设计感


很多时候,我们的设计感其实只要做好对比就能出来,比如下面这组信息:



我们做一个大小对比:



再做一个粗细对比:



再做一个深浅对比:



然后再来一个景上添花的样式对比,就是数字来一个特殊数字:



这其实就算是比较稳的一个效果了。


我们可以看一些界面:



他们里面也是用了这样的对比,比如大小对比、样式对比、深浅对比,再来点小图形等等。


所以,一定要善用这些对比,让你的设计更有层次,更有冲击力。



4.平时多积累图形的布尔运算


平时在练习图标的时候,大家一定要多积累图形的布尔运算,以备不时之需。


比如火箭的外轮廓,当头部比较圆润的时候,我们可以直接用椭圆来做:



如果头部比较尖的时候,我们可以用两个椭圆相交切,然后再切:



像这样的形状,我们不仅可以做火箭头,还可以做鱼的外轮廓等等:



还可以做眼睛的外轮廓:



多去联想,多去实践,当脑库存达到一定量,我们就可以得心应手了!


文章来源:UI中国   作者:菜心设计铺
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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



百花齐放的瓷片区

纯纯

什么是瓷片区

由运营板块拼接而成,视觉上像一块块瓷片,灵活性高。适用于各种运营模式,具有较高的转化率


卡片布局

瓷片的外容器排版


单行

优点:节省屏效,日常营销为重点业务留白

缺点:坑位有限,三个以上时营销氛围设计受限


多行


左右排列

优点:主次层级清晰,适合作为功能入口

缺点:坑位越多,越影响营销氛围;推行者需具备与各业务沟通的能力,协调入口之间的平衡


上下排列

优点:个数不受限,易塑造氛围感

缺点:高信噪比


图文排版

瓷片区的常见排版通常用:满版型、上下分割型、左右分割型、中轴型、倾斜型


满版型

以图片为吸引点,充斥整个瓷片区,文本内容居左排版为主,常见旅游、电竞、资讯类


上下分割型

版面分为上下两部分,分别配置文字或图片,常见上文下多图的形式,符合常规的阅读顺序,该场景下图片更易引起用户兴趣,常见电商类


左右分割型

版面分割成左右两部分,分别配置文字或图片,常见左文右图的形式,该场景下,文本偏理性,具有直观的表述能力;图片偏感性,辅助文本信息点缀模块。常见资讯类、产品入口等


中轴型

常见垂直排列,信息更集中有活力


倾斜型

版面主体倾斜排列,常见对角线式形式。能承载更多的信息内容,页面层级也更活跃


配图风格

常见类型有两种:实物与插画


实物类

优点:识别性高、更直观、可复用、设计效率高,个性化推荐更精准

缺点:对图片素材要求较高,个性化服务需要开发资源


插画类

优点:创意性强、可塑性强、具有趣味性、易形成品牌调性

缺点:抽象图形不直观,复用性低,绘制耗时,不易做个性化




Tips:设计师要牢记,设计时思考延展性和平台风格如何为业务(运营、产品、技术)赋能,但长期影响CTR(点击率)一定是由业务内容决定,避免背锅。


文章来源:UI中国   作者:七月七咸
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

如何验证设计结果

纯纯

前段时间在年终总结会上,产品经理向设计团队提出了一个问题:怎么证明你的设计是有价值的?如何衡量验证Ui、UX的设计效果?


很多人都认为,公司的业绩取决于产品和运营,和设计师关系不大,甚至有些公司想取消年终绩效。那么,改如何判断设计结果是否好坏,设计产生的影响又该怎样被量化?


我相信回复肯定是:可以通过数据来找到答案。 


但又会有新的问题出现:需要哪些数据可以验证设计效果?又该怎样通过数据来判断设计的效果究竟是好是坏?



满意度

简单来说是用来衡量用户对产品服务和体验的整体满意程度。我们都知道,要提高满意度,要满足很多个条件,比如产品功能、运行速度等。这里我们分两个维度,用户体验质量产品目标


1)用户体验质量

用户体验指标可以从净推荐值(NPS)来衡量,净推荐值意为用户是否愿意将产品推荐给身边人的指标。净推荐值是有一个公式:NPS值=推荐者所占比例-批评者比例。

  • 9-10分(推荐者):活跃度很高的用户

  • 7-8分(被动者):对产品满意但忠诚度不高的用户

  • 0-6分(批评者):对产品不满意的用户


还可以通过反馈,来收集功能或界面的问题反馈比例,更直观的评估用户操作过程中的感受反馈,来进一步优化迭代。


降低用户的学习成本也能提高体验质量,通俗的讲,就是用户对产品接受度和使用成本的高低,更偏向于产品和交互层面。



2)产品目标

简单来说,就是希望产品上线以后,会达到什么样的结果。


例如一个列表筛选功能,其核心目标是为了让用户在多维度混合排列里找到自己想要的目标群。

当用户筛选后,找到了想要的信息且进入了目标页面,说明指标已成功;反之没找到想要的结果,中断了操作流程,说明任务失败。以此为依据,通过是否完成的维度来进行衡量,确定筛选按钮到任务界面的UV转化率。


结合上面的用户体验质量,来验证设计需要注意哪些方面,关注哪些数据来达到目的。


活跃用户数


通常观察日活(DAU)和月活(MAU)就可以。活跃用户数用于衡量产品的用户粘性,便于了解产品一段时间的用户情况,了解产品的用户变化趋势。

日活(DAU):一个用户一天通过相同的渠道多次访问产品,DAU仍只算一个;

月活(MAU):在一月内多次访问产品,MAU仍只算一个。


日活越高,说明有刚需的忠实用户越多。月活越高,说明新增的用户越多,但未必是忠实用户。当然,活跃度的高低也需要根据用户的停留时长有一定的联系。如果只是打开产品而并没有使用,其实这个数据的意义并不是很大。 


用户留存率

一般是衡量产品或功能的新用户增长程度,对产品或功能的新用户占比。这对于新产品或新功能特别有用。


提取数据的一般周期为1日、7日或者30日。日留存率通常用来衡量产品粘性;周留存率通常用于判断产生的忠实用户数;月留存率通常用于衡量版本迭代的效果。


如果产品做了更新迭代,并且提升了月留存率,而其他变量没有变化时,说明此次迭代很成功。所以通过留存率可以很直观的判断产品的用户粘性是上升还是下降。同时老用户的留存率也需要关注,好的更新迭代不仅可以留住新用户,还可以唤醒“沉睡用户”。


完成率

衡量流程设计的合理性,通常用于产品中主要任务流程的内容,这里单指设计中操作流程的顺畅度。


完成率是产品设计中重要的指标之一,完成率越高,产品的操作体验就越好。


最后

数据只是有效验证的方法之一,并不是万能的。就如调查问卷一样,都会有一定的局限性和不确定性,数据能明确看到结果,但不能说明具体原因,只能作为支撑来验证设计师的想法或决定,但无法代替设计直觉、用户研究和设计可用性。

文章来源:站酷   作者:UX设计帮
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

日历

链接

个人资料

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

存档