xml version="1.0" encoding="UTF-8" 设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com 爱设计,爱分享。 Sat, 16 Mar 2019 00:00:06 +0000 zh-CN hourly 1 https://wordpress.org/?v=4.9.8 设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com/vivo%e8%bf%99%e6%b3%a2%e5%88%9b%e6%84%8f%e4%bd%9c%e5%93%81%ef%bc%8c%e5%8a%a8%e7%94%a89%e5%a4%a7%e8%89%ba%e6%9c%af%e5%ae%b6.html http://www.dashijieylc3je.com/vivo%e8%bf%99%e6%b3%a2%e5%88%9b%e6%84%8f%e4%bd%9c%e5%93%81%ef%bc%8c%e5%8a%a8%e7%94%a89%e5%a4%a7%e8%89%ba%e6%9c%af%e5%ae%b6.html#respond Sat, 16 Mar 2019 00:00:06 +0000 http://www.dashijieylc3je.com/?p=30586

 “千万别惹艺术家”  vivo正式宣布推出全新子品牌iQOO。为了宣传iQOO,vivo选择和9位不同领域、不同风格的艺术家合作,针对内心深藏野兽的想法,打造了“monster inside”iQOO标示联合创作项目。 “我们希望玩点不同的东西。”vivo核心创意总监郑丞志在接受媒体采访时说。项目策划人,曾和vivo合作NEX双屏概念视频的烧麦(Somei)则强调“反差”的力量。这些艺术家来自来自不同国度,有的专于设计,有的精于视觉,有的则就是纯粹的艺术呈现。他们脑海里的东西谁也猜不到,只知道当给他们无限空间时,他们所呈现的东西会无比疯狂。“千万别惹设计”是广告圈的一句戏言,形容如果没有甲方的束缚,他们做出的东西会让你惊掉下巴。设计如此,何况更加疯狂的艺术家。

9大艺术家作品

1、BAKU HASHIMOTO 橋本麦

擅长运用现代科技手段并探索出非常规的使用方式,并制造出一些超常规又极具风味的视觉体验。 创意理念:iQOO的产品注定将非常有变身能力,这点很有趣。橋本麦利用GI算法里面的“pre-pass”作为材质的一部分,为了让它看起来更好,他也混合了其他通道。 而为了体现品牌背后的疯狂个性,他尝试让后面的背景非常glitch ,随机而且撕裂。再通过photogrammetry(照片3d扫描)扫描一些废纸,扑捉了因为信息缺陷而导致的非常有趣的粗糙形态和颜色,并且将它们扭曲,形成了最后的样子。

2、Haran Jung

韩国新生代3D艺术家。 创意理念:Haran Jung的灵感来自于日本动画《一拳超人》,他认为这部动画和品牌所要传达的气质非常像。所以他尝试给予logo巨大能量,并且与环境产生互动。画面就像是破碎的地板,升起的碎片,闪电等等。

3、Masanobu Hiraoka 平岡政展

日本知名动画导演,视觉艺术家,最誉为最强的流体动画师。 他的逐帧流体动画细腻而流畅的风格拥有极高辨识度,在保留了日式动画鲜明的张力节奏和画风外,又加入了他独有的动态细节和天马行空的形变想象。 创作理念:平岡政展抓住的关键词是“觉醒”。他特别喜欢动画中的metamorphose,也就是图形的转化,因此他的作品大多拥有流畅顺滑的感觉。他希望从另一个角度诠释这种爆发,不止是刚硬热血,还有一种更优雅的觉醒方式反而有更强大的力量。就像圣斗士里面“处女座”沙迦一样。平岡政展将iQOO比喻成一个角色,为她设计了一个睁眼的镜头,希望这一瞬间能给你带来触动。

4、MIXCODE

MixCode Studio创意工作室2013年诞生于中国台湾,擅长混合格式媒材与人才。 创作理念:“重度沉迷”是MIXCODE想营造的感觉,借由奇幻的探索,挖掘内心的力量与渴望,自由地进入一个没有终点的世界。

5、Nicolas Girard

来自多伦多的字体设计与字体动态大师,擅长将文字解构再重组,用看似简单的手段让文字产生令人难忘的冲击力。 创作理念:这次的创作里,Nicolas Girard将logo解构,并且用glitch方式呈现出logo的不稳定性。希望产生一种压迫感。在这些抽象的图形间,在这些闪动的画面我还加入了兽的头骨等元素,希望去体现品牌的野性一面。

6、Nidia Dias&Martin Gunnarsson

来自波尔图的超级夫妻档,女生Nidia是加拿大的顶级设计公司 tendtril 的前艺术指导。 创作理念:他们的灵感来自于品牌形象以及它的核心理念——— Monster Inside。希望创造一些“Monsters”,他们试图从logo中逃脱出来。

7、7SEENVISION

坐落在北京胡同里的创意设计团体,老板樟脑丸和老板娘阿司匹林是圈里有名的夫妻档。 创意理念:了解到iQOO是一个定位游戏端,性能强悍的新手机品牌。在Brief的关键词联想中,收集到不稳定,爆发力,觉醒这几个信息。所以他们想在短片中,通过视觉情节反差表达出酷这个点,同时还有乐趣,或者说趣味性。希望iQOO就像那些经典游戏一样,不但cool,更要有趣。

8、Yambo studio

位于以色列的新锐设计动态公司 擅长运用色彩和装置化的设计为产品打造出时尚高级的气质。 创意理念:Yambo studio觉得这是一次高自由度的创作。开篇,进入logo里的世界,他们提取出来一些有趣的碎片元素,比如怪兽的眼睛、手等元素,用最富有动态设计的视觉与语言组合在一起。iQOO这个品牌强调的就是一种对立与混合,因此他们使用了3D、2D混合的方式,并且请到了Hiraoka这样的手绘大师一同完成创作。

9、茶山有鹿

坐落于北京的茶山有鹿,是一家画风清奇,脑洞超大的动画工作室。 创意理念:他们将iQOO想象成一个角色,他看似普通有点宅,但实际上却蕴含着巨大的能量。希望用最直白的方式表现出品牌的核心。既然主打游戏的设备,那就来一只在城市中肆意破坏的怪兽,而主角的变身桥段也是在希望去映射产品有趣的变身功能。 九种疯狂,各有不同,你最喜欢哪一个呢? 来源:广告门(adquan_2012)


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

uedbet赫塔菲官网QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://www.dashijieylc3je.com/vivo%e8%bf%99%e6%b3%a2%e5%88%9b%e6%84%8f%e4%bd%9c%e5%93%81%ef%bc%8c%e5%8a%a8%e7%94%a89%e5%a4%a7%e8%89%ba%e6%9c%af%e5%ae%b6.html/feed 0
设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com/16-type-in-motion.html http://www.dashijieylc3je.com/16-type-in-motion.html#respond Fri, 15 Mar 2019 08:10:40 +0000 http://www.dashijieylc3je.com/?p=30589

虽说平面设计纯平面的,但在展示形式上是可以不平面的哦,如今大部视觉作品均在电子设备上展现,如果想您的作品脱颖而出,那么加入动效设计将能更吸引用户的注意,大家有空就学学类似 AE 的动效软件,提升下自己设计技能是很有必要的。 今天分享来自维尔纽斯立陶宛设计师 Mindaugas Dudenas 的字体动效作品,这些是英文词语的动效制作,看似简单其实也不简单,自己欣赏,Enjoy~ 设计师:Mindaugas Dudenas 个人主页:be.net/mindaugasdudenas 1、时间

Time

2、字母“i”和“A”转换

Tick / Tack

3、风

Wind

4、哭

Cry

5、跟着我

Follow me

6、喜欢

Like

7、微笑

Smile

8、万圣节

 Halloween

9、把字母 H 做成国际象棋的棋盘。

Chess

10、好 Man~

Man

11、Volume 有好几个意思,大家看懂这个动效是表达什么吗?

Volume

12、这个开头有点意思

Switch

13、夏天

Summer

14、来一起举重健身

Fitness

15、磁带正在录制中……

Records

16、把「O」字母做开门的样子

Doors

简单却又有意义

从1-16张作品中,我们已经看出,设计师的字体动效设计并非随便加入动画效果,而是根据每个词的语义来创作,这是一点非常重要的要点,做 UI 设计也是如此,如果您的动效没有意义,那么就不要做,再弦也是没有意义。 虽说是,但中文也可以参考这些展现手法,当然难度可能比英文更难把握。


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

uedbet赫塔菲官网QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://www.dashijieylc3je.com/16-type-in-motion.html/feed 0
设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com/zuo-pin-dui-qi-de-4-ge-yao-dian.html http://www.dashijieylc3je.com/zuo-pin-dui-qi-de-4-ge-yao-dian.html#respond Fri, 15 Mar 2019 03:58:17 +0000 http://www.dashijieylc3je.com/?p=30584

看过或听过一大堆理论知识的你,有没有被很多自相矛盾的设计原则搞混过?比如你把做好的设计发给总监看,然后他告诉你太乱了,要统一,于是你苦苦调整了一番,当再发给他看时,他却说太平淡了,要有对比。你心想,总监特么是不是在玩我啊,一会要统一,一会要对比,这不是自相矛盾吗?是吗?当然不是,其实你自己心里明白,只是你不知道如何平衡这两者的关系。 类似这种“矛盾”的设计原则还有好几对,接下来葱爷要把它们一一厘清,让这些理论知识能真正指导设计实践。

一、对齐与变化

对齐是版式设计最基础的原则之一,具体指版面中的字与字、字与图、图与图要对齐,常用的对齐方式有左对齐、右对齐、上对齐、下对齐、居中对齐、两端对齐等。对齐的目的是为了使版面更整洁,更便于阅读,比如下面这些作品都用到了大量的对齐关系。 我们来举个实例,假设你现在要设计一则手机banner图,目的是宣传某款手机的拍照功能,文案如下: 这种图不难做,你打算直接用一部手机和几张摄影作品作为画面的主视觉,于是去图片网站找了几张能体现该手机拍照功能好的图片: 图片找好后,你把其中一张图片填充到手机里作为屏幕背景,其余图片分散在手机周围,然后你把整个视觉主体放在了版面中央,文字则按主次排在了两侧,大致效果如下: 你盯着画面,正琢磨着还要加点什么的时候,总监不知何时出现在了你身后,他面无表情地盯着你的电脑,嘴里慢吞吞地吐出几个字:“太乱了,好LOW”,之后就消失了。你很聪明,立刻明白了总监是想要自己排得更整洁、更有序一点。 在目前的版面中虽然个别元素之间有对齐关系,但是缺乏整体的对齐,且图片采用了自由式,所以会显得混乱。于是你尝试把图片对齐排列,文字则以图片为基准进行对齐。 ▲左边的文字部分与右边的图片部分保持上下对齐,标题与内文为左右两端对齐,icon与文字则是左对齐。 上图很“完美”地执行了对齐原则,整个版面干净、整洁了许多,视觉流程也更简单了。这下总OK了吧,你心想,然而事情并没你想的简单。因为总监不知何时又出现在了你的身后,他瘪着嘴一脸嫌弃地说到:“太呆板了,有点变化好不好?” 变化?难道又要调回改之前那种状态啊?当然不是,你其实是要在现有的基础上做一些变化。的难点和精妙之处就在这里,既要对齐,又不能机械的对齐,既要整洁有序也要灵活有变化。如何做到这一点呢? 我的理解是:要在对齐中制造一点变化,在变化中找到对齐关系。比如下面这些作品: 现在你知道了,上面的方案之所以死板主要是因为文字部分与图片部分对得太整齐,所以需要改变其中一个版块,该版面的视觉主体是图片,所以调整图片更合适。由于文字是呈水平排列的,那么图片部分是不是可以倾斜摆放形成一定的反差呢?这样既可以制造变化还能加强版面的空间感。 ▲除了把图片倾斜之外,LOGO也与内文错开移到了左上角,最下边的直线也可以延伸到了版面之外。 好,我们现在再回过头来看看这件作品是否符合前面我说的,“要在对齐中制造一点变化,在变化中找到对齐关系”这一要领。 从上图中可以看出,图片虽然做了倾斜,却是在对齐的基础上做的变形扭曲;版面中的元素虽然不是都对齐了某条直线,但是没有哪一个元素是孤立的,每一个元素都与版面中的其他元素有对齐关系;更重要的是,左边文字版块的视觉重心与右边图片版块的视觉重心也是呈水平对齐的,所以整个画面才得以平衡。

二、统一与对比

虽然设计的构成要素只有文字、图片、色彩这三个,但是每一个要素都有无数种表现形式,不同的字体、字号、色值、质感、风格、图片、方向等等,如果在一个版面内含有太多不同的东西,会显得很杂乱,从而让人心生厌烦,所以,需要通过某种方式把这些“不同”统一起来,已达到舒适、协调的效果。 以一则运动品牌的轮播图设计为例,文案如下: 这类设计以运动员作为主体最容易出效果,所以我们需要找一个正在奔跑的人物图片: ▲恩,这个人的姿势不错,就他了。 运动品牌最重要的是要设计出动感和时尚感,所以我把背景分割成一红一蓝两个倾斜的色块,然后把人物放在画面中央,文字分布在左右两边,以制造出强烈的视觉冲击。 由于有一个动感十足的模特和背景,所以整体看来还是比较符合运动海报的调性,但视觉上有点乱,因为有很多细节没有统一,比如人物倾斜的角度和背景色块、标题倾斜的角度不一样,主要文字的字体风格不一样(NIKE和JUST DO IT的字体比较硬朗,而蓄势待发的字体相对较柔),元素的风格也不统一(圆角的了解更多按钮与整体风格不搭),还有各元素的颜色也缺少联系等等。 那该怎么办呢?这里就需要用到统一的原则了,我们可以试着把上面提到的不统一的地方都统一起来,如下图: ▲调整后的方案二,字体都是简洁有力的黑体字,而且把左右两边的字体进行了水平对齐、背景色改为单一的渐变色、人物和文字的倾斜角度也统一了,“了解更多”的按钮也改成了平行四边形色块、颜色更是被缩减到了三种。 调整之后确实不乱了,但是也有了新的问题,因为各元素太过统一使得画面缺乏层次和对比,该突出的信息也没有得到突出。这时候就需要用到与统一对立的另一个原则:对比。 对比,是把具有明显差异、矛盾和对立的双方安排在一起,进行对照比较的表现手法,目的是为了使设计更有层次、增加视觉冲击力。设计中常见的对比有大小对比、字体对比、色彩对比、空间对比、方向对比、长短对比、粗细对比、曲直对比、轮廓对比、虚实对比等等。 想要处理好统一于对比的关系,需要记住两个要领:1.各元素的调性要统一、元素的呈现方式要有对比。2.要保证画面中的对比关系不会破坏整体的协调性。 顺着这样的思路,我们来给上图增加一些对比关系,例如方案二的标题倾斜角度太大,不美观,所以我干脆把它的倾斜方向改为垂直倾斜,既保留了动感也增强了对比,更加美观。在文字的字号上,我选择突出品牌名缩小广告语,加强了大小对比、并且还恢复了之前把背景一分为二的做法,只是增加了一点空间感,并把人物服装的颜色与背景色做了统一。调整后的效果如下: 我们可以观察一下,方案三确实比方案一更协调,比方案二更有层次和视觉冲击力,且整体调性依然年轻、时尚、有动感,这里就是运用了统一于对比的原则。

三、简单与丰富

简单应该是大家听得最多的设计原则,简约、极简风格的设计也非常受欢迎,但是我们也很困扰,因为自己做的所谓极简设计经常会被人说太单调、不够丰富;而那些自我感觉很丰富的设计又会被说成是杂乱。为什么会这样呢?首先我们先来正确地认识一下简单与丰富。 简单并不是指做设计要用最少的元素、不做任何修饰,而是指设计主旨要简单、视觉流程要清晰、视觉要聚焦、主次要分明; ▲上图的设计虽然元素和色彩都很多,但整体给人的感觉也还是简单的。 而丰富也不是指画面中一定要有很多元素或叠加一堆的效果,而是指要有细节、有层次、有品质感。 ▲上图的设计虽然整体看来很简单,但是并不会显得单调。 为了方便理解,我们还是来举个例子:一款农产品册子的封面设计。  该封面的必要元素很简单,只有一个Logo和一句文案,因此,我们很容易想到做个极简风格的设计。白色背景加一个Logo 和一行文字,再配一款特种纸、做点工艺,就可以显得很高大上, 很对大品牌也是这么做的。 这确实也是一种还过得去的解决方案,但表现手法确实太过简单,既体现不出设计师的设计功底,也没有体现出农业品牌的调性和特色,且缺乏吸引力,所以我们需要做加法,让其变得更加丰富。 怎么丰富呢,最直接的办法就是引入图片和色块,由于品类为农产品,且文案重在强调健康和安全,所以我们可以找一张绿色、生态的图片。 为了与狭长的版面保持统一,我把图片也裁剪成了竖版的矩形,并与一个同样大小的绿色色块结合在一起,组成版面的主视觉,logo放在图片左侧,如下图: 这么做还是有些设计感的,也增加了品类属性,不过缺少细节、不耐看,所以还需要加点东西。当然,新增加的元素只能最为辅助,不能太过抢眼,图片方面我很快想到了叶脉, 叶脉与图片中的叶子元素也能产生关联,且适合做底纹,于是我又找来了一张叶脉的图片。 把叶脉图片放在图层最底部作为背景处理,这里会遇到三种情况,一是如果把叶脉纹完全平铺的话,整个版面就没有留白了,所以会显得压抑;二是把整片叶子都显示出来,但这么处理会显得很小气;所以我只用叶脉纹覆盖了一半左右的版面,与图片部分形成呼应,这样的效果看起来是比较舒服的。 图片部分得到了改善,但现在画面中还缺少一点小的装饰元素,增加一点文案是个不错的思路,所以我把文案和品牌名的英文加了进来。 做完加法后整个画面变得丰富了不少,层次也拉开了,而且给人的感觉依然比较简单,既不杂乱也不压抑,因为各元素主次分明,既有联系又没形成干扰。不过做加法的时候也要把握度,例如下图就有点堆砌过度了,看起来很繁杂、不精致。 想要处理好简单与丰富的关系,需要注意两点:1.要保证主体单一且足够精致;2.要保证有简单的装饰元素与主体形成互补。

四、规范与打破

规范与打破是存在于版式设计中的一对矛盾原则,规范是指把版面中的元素要按某种规律、或是在特定的范围内设计布局,目的是为了让画面更有条理和秩序,也更像一个整体。 ▲上图的主要元素都规范在一个矩形中,然后各个小矩形又组合成一个大矩形,看起来很整体、很有设计感。 与规范对立的是打破,指打破规范、打破束缚、打破平静,目的是为了使画面看起来更灵活、更有动感、更具视觉冲击。 ▲用色块或图片来创造束缚感,然后把部分元素冲出色块,是规范与打破的一个经典组合形式。 可以说经过了严格规范而变得很好看的优秀设计很多,而有些设计却选择了打破规范,也得到了很惊艳的效果。那什么时候该严格遵守规范?什么时候应该打破规范呢?其实在一件完整的设计中最好两者都要有,而平衡这两者的要领就是:先规范后打破,即在规范好的基础上选择一些局部来打破。葱爷还是以一个画册的封面设计来作为讲解案例。这是一本中国移动云服务平台方案介绍的册子,文案如下: 很明显该封面的视觉调性应该要有科技感,要能体现互联网、信息、大数据这些关键词,所以我找了一张看起来很有科技感的图片。 这类画册的版式通常应该偏向简洁、规矩,所以我决定用网格系统来辅助。以图片作为封面的主视觉,除了Logo,所有元素都排列在矩形图片内,并且所有文字都按照网格的设定保持左对齐,所有元素的高度、宽度、以及各元素之间的间距,都严格按照网格来。 ▲经过规范的版面整体看起来十分严谨。 不过这么做也造成了版面缺少变化、太过规矩等问题,所以我们可以尝试在此基础上做一些“打破”。 比如原本的LOGO与图片靠得太近,显得很压抑,这里就不必完全按照网格来,我们可以根据自己的感觉将LOGO与图片分得更开一些;中文标题、短线、英文标题这三者也太拥挤,可以挪开一点;文字部分不一定全部都在图片范围内,所以我给英文标题加了一个蓝色块,并把色块移出了图片区域;以及把最下面的公司名称排在了图片下方等。调整后的效果如下: ▲调整后的方案,构图也相应发生了变化,之前为上下构图,现在变成了对角构图。 在规范的基础上做了打破之后,我们可以看到,版面的整洁性依然在,整体的调性也依然简洁、严肃,但相比调整之前显得更灵活、更有设计感。

总结

设计不是简单的加减法,也不是只要做到对齐、统一这些很简单、方向很明确的原则就可以了的,因为根本不存在什么原则可以让我们直接通向设计的终点,但是我们的目标是明确的,就是要做有效的设计,所有的设计原则、设计手段都要为这个目标服务。 作者:葱爷 微信号:congyenanian


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

uedbet赫塔菲官网QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://www.dashijieylc3je.com/zuo-pin-dui-qi-de-4-ge-yao-dian.html/feed 0
设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com/7-rules-for-creating-gorgeous-ui-part.html http://www.dashijieylc3je.com/7-rules-for-creating-gorgeous-ui-part.html#respond Wed, 13 Mar 2019 07:07:32 +0000 http://www.dashijieylc3je.com/?p=30582

前言:有不少的人想做或转行为 UI/UX 设计师,但是不知道如何下手,今天设计达人小编分享来自国外设计师 Erik D. Kennedy 的文章,文章中谈到了成为UI / UX设计师所需的7个步骤,小编认为总结得不错,同学们可以从围绕这七个点去学习和实践,以下是正文: 最近,我收到了很多人问类似下面的问题:
  • 我怎样才能更深入地了解UI/UX?
  • 我是一个程序员/市场经理/自媒体运营,我想知道更多关于设计的知识,我应该从哪里开始?
  • 你怎么知道什么是好的设计和坏的设计?
  • 怎样才能成为一名优秀的设计师?
  • “我该怎么开始呢?”
这个问题让我回想起我刚开始工作的时候。7年前,在我的第一份设计工作的第一天,我坐在iMac上的空白Photoshop文件前(那时我是一个Windows用户)。那个时候我是如此的尴尬,我正在试图的向经理解释我之前的情况,但是当时我不知道如何开始,大脑一片空白。 在找到那份工作之前,我刚刚大学毕业,获得了多媒体学位。那么为什么我对设计还是一窍不通?因为大学并不会教我们实用设计。大多数大学课程只教我们理论,有时教我们如何使用设计工具,如Adobe旗下的一些软件,但是这些远远不够。 只有通过自己不断练习和学习,才能让你成为一个更好的设计师。通过7年自学设计,现在的我是设计老师和国际设计会议发言人,所以你应该知道的第一件事是:你不是天生就会成才。 我们不是某些天赋型设计师,天生就有艺术才能,设计技能都是通过后天学习的。设计的根本目标是为了解决问题,设计就是不断发现问题并且解决问题。 设计有很多领域:uedbet赫塔菲官网、UX设计师、产品设计师、平面设计师、师、信息架构师等等,所以从找出你最感兴趣的设计专业开始。 现在让我们关注最常见的设计专业:UI/UX设计师。

一、熟悉UI原则

在进行设计练习之前,你需要做的第一件事就是学习一些设计原则。这样你才能够进入设计世界,并开始进行“创造性”的思考。你会学到心理学对设计方案的影响,例如:为什么它看起来不错,为什么会失败。 下面是你应该了解的一些设计基本原则。 1、颜色 色彩词汇,色彩基础和色彩心理学。 设计原则:色彩 2、平衡 对称性和不对称性。 设计原则:平衡 3、对比 使用对比来组织信息,构建层次结构和创建焦点。 设计原则:对比 4、 选择字体和在网络上创建可读的文本。 易读性的10个原则与网页 5、一致性 最重要的原则,创造直观和实用的设计。 设计原则:一致性 下面是设计好的界面一些好的方法和需要注意的事项。

二、了解创意用户体验流程

接下来要了解创作过程,UI / UX设计是设计都要经历的特定阶段。它分为四个不同的阶段,发现、定义、开发和交付。 创作过程 发现 在项目的最开始,设计师会开始研究,获取灵感并收集想法。 定义 在定义阶段,设计人员定义从发现阶段提取的想法。由此创建了一个清晰的创意设计方案。 开发 在这里创建原型,测试和迭代解决方案或概念的地方。这种反复试验过程有助于设计师改进和完善他们的想法。 交付 最后交付阶段,项目会最终确定并且投入使用。

三、培养你的设计视野

了解设计原则虽然有很大的帮助,但这是远远不够的,还需要培养你的视野,知道什么是好的设计和坏的设计,并且能找到设计方案的优缺点。 在打开一张空白的画布并盯着它看半个小时之前,你明白创新的唯一方法是通过研究。培养你的设计视野的最有效方式是通过看更多的设计方案来寻找灵感。尤其当你是初学者的时候,有时候无法自己打开脑洞,这时候你必须先看看其他人的设计。

浏览灵感类网站

所以看看其他设计师在Dribbble上做了什么,每当你遇到漂亮的设计或与你的项目相关的东西时,将它保存在笔记中并能说出你为什么喜欢,你也可以截屏保存。通过这种方式,你将拥有一个丰富的设计素材库,设计之路由此展开。

四、每天阅读设计文章

为了让自己尽快的熟悉设计,最好的方法是每天阅读一些文章。让阅读设计新闻和博客成为日常习惯。我们有数百万篇在线文章可供我们了解新趋势,设计方法和教程。我们所要做的就是找到它们,没有比从其他人总结的经验中学习更好的了。

让阅读文章成为日常习惯

在早上学习新事物会扩充你的脑洞,并为白天创造腾出更多的空间。因此你早上可以在Medium或Smashing Magazine看一些优秀的设计文章,开始新的一天。 另外要注意劳逸结合,不时地休息一下,阅读更多设计内容。特别是当你陷入困境并感到没有想法的时候,更有停下来休息,休息对于创造力非常重要。你可以将您喜欢的网站收藏为书签或订阅设计博客。

五、设计概念项目

实践是检验真理的唯一标准,并且我们清楚的知道,没有设计经验我们就无法获得客户/工作。但如果没有客户/工作我们就没有办法加强设计技能。所以我们可以通过自己的实践来打破这个循环,进行概念项目设计以获得乐趣以及成长!Dribbble上有很多的概念设计,他们都做的很棒。

Facebook Material Design by Kevin McCarthy

你可以花点时间选择你感兴趣的网站或App并重新设计它。你可以完全赋予它新的创意和意义,并且由此你将形成你的设计风格和作品,获得快速的成长。

六、了解最新的设计工具

我们有很多的设计工具,但你不需要都了解。你只需要选择你喜欢的并且适合你的工具即可,并随时了解最新的功能和趋势,以下是我在设计过程中使用的最新工具: 界面设计:Sketch 用于协作界面设计:Figma 用于低保真线框图:Axure 用于界面设计和原型设计: Adobe XD 可交互动态原型:Principle、Flinto 用于原型设计和协作:Invision App

七、寻找导师并且得到帮助

学习设计的另一个好方法是找到愿意提供帮助的设计导师或设计师朋友。他们将帮助您加快学习进程,导师或者设计师朋友会对你的设计方案会尽可能地发表意见。这就像一条捷径,他们还会分享他们的经验和方法论以及设计技巧。因此请向有经验的设计师或者导师提出问题并讨论您的疑问。 另外在我教授设计和前端的几年时间里,我学到的东西比我教的要多很多。所以当你准备好如何与人们讨论设计时,你可以指导或教育某人有关设计的知识。你将学习从不同的角度看待它,你将获得你可能从未想过的反馈和问题。 每当你和其他人谈论设计时,你的思维将一直处于“头脑风暴”模式,你会发现自己越来越对设计产生兴趣。 作者:Erik D. Kennedy 原文链接:https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda 译者:小凯的设计笔记(微信号:YXS_Design)


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

uedbet赫塔菲官网QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://www.dashijieylc3je.com/7-rules-for-creating-gorgeous-ui-part.html/feed 0
设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com/how-to-improve-the-ability-of-illustration.html http://www.dashijieylc3je.com/how-to-improve-the-ability-of-illustration.html#respond Tue, 12 Mar 2019 14:15:53 +0000 http://www.dashijieylc3je.com/?p=30579

已经连续更新了多篇硬干货了,知识要学,方法同样也很重要,本周一给大家带来一位国外插画大神的成长经验,希望对你有所帮助。 大神的作品链接和作品截图:https://dribbble.com/kate_dziadus 图片来源:https://www.instagram.com/kate_dziadus/ 译文部分: 对我来说,生命中最重要的价值观之一就是好奇心,这种让我有动力去不断发掘未知领域的心态,让我收益颇丰。另外,向他人学习这一点对我来说也非常重要。所以我想在此与你分享我的知识,希望它在某种程度上对你有所帮助。

我的日常

一日之计在于晨,我喜欢我每天早上的节奏,让我每天都有一个美好的开始。 我习惯每天早上5点半左右起床,泡一杯茶或者咖啡,然后打开笔记本电脑,在这个时间段内我会屏蔽掉所有的社交和新闻信息。在过去的几个月里,我一直专注于学习西班牙语,我会在Duolingo(https://www.duolingo.com/)上花15分钟来学习,坚持打卡。 完了之后,我会开始学习写作,但写作对我来说算是一项新计划。前段时间我会利用这个时间来练习日常绘画,在下面的内容中,我会告诉你更多关于我是如何养成这种习惯的。 当设定好目标后,保证日常生活规律是执行计划的最佳方式。 当我以一种富有成效的方式开始新的一天并成完成好定下的目标时,我会觉得我在开始日常工作之前就已经有了一些收获,成就感满满。 我喜欢这种感觉!

早起画画

当我在游戏公司任职原画师的时候,我会非常注重我的绘画技巧。我发现,当我负责工作流中多个步骤,比如概念、故事背景、角色和动画时,我并没有更多关注我的核心目标:如何能更好的从想象中汲取灵感。所以我决定把这个目标纳入到早起计划中。 每天醒来后,我都会冥想10分钟,再画画15分钟。一个月后,我就有了非常多的素描草稿,然后我会整理这些思路并放到素材库中。回头看,我发现自己进步不少,我觉得这是一个很不错的习惯,所以也想分享给大家。

插画小组

建立一个插画小组的想法并不新鲜。当我还是个学生的时候,我就组织过这样的活动,但是我觉得工作后在公司里搞这样的形式似乎是可遇不可求的。但我现在待得公司就是这样,真是惊喜。 在我们公司,每天早上9点半,我们组都会准时在Youtube上一个插画学习的频道里集中。 这绝对是一个巨大的进步,不仅对公司的设计师来说,对其他加入我们的人来说也是如此,这已经成了提升创造力的一种习惯。所以,我们都坚持了很长一段时间,大家的技能也都得到了较大提高。同时,我们也有理由相信,这对我们中的一些人来说会是一个很好的开始,这种学习的习惯不仅体现在画画上,对学习其他知识也是大有裨益。 (译者注:大部分设计师应该都没有这样的条件,其实也没关系,组一个微信群,每天打卡,相互监督也是一个很好的方法。)

如何学习

当大家有一个共同目标时,和别人一起学习是很有趣的。另外,向他人学习也是提高插画能力的好方法。选一个你喜欢的风格,又或者选一位牛人作为学习的榜样(网上多的是伟大的艺术家,选择你喜欢的一位作为目标对象)。然后不要着急,尝试不断观察,练习。 光看不做是学不会的,一定要多练习。并且,在学习的过程中尽量保证学完一个再去学另一个,保持专注。我建议将这个加入到日常计划中,也许不是早上,但是一定要选择一个固定时间并坚持去做,一定会有所成效!

多收集多思考

当你有了一个想法,通常第一步就是在网上搜图片找参考。鼠标不停的翻页,这个可能是自己想要的,也可能不是,或许还有更好的参考?然后大半天的时间都用在了盲目找参考上,期待运气好能刚好找到自己想要的素材。终于找到了自己觉得还OK的素材,到了该动手画的时候,糟糕,睡觉时间到了,画是不可能画的了,累死了,犯困,我需要休息。 是不是跟自己很像,那如何避免这种情况? 保证工作效率的好方法在于平时的不断收集。你喜欢拍照吗?把你喜欢的照片进行归类整理,那将会是一份非常不错的灵感库。也许你喜欢用pinterest,可以关注你喜欢的画板,或者可以在看到图片的同时构想可能用到插画场景。把它们当做你的参考,也许就会产出一些非常棒的艺术作品。 在平时,当你有一个插图的想法时,一定要记下来。我喜欢用笔记本收集我的想法,当我有空时,我会回顾这些想法并继续深入进去。这个方法对我来说非常有用,能够让我保持超多的灵感并专注于创作插画。

建立灵感库

当你在收集参考资料时,要明白你是在建立你自己的灵感库。但这不仅仅是一种拓展而已,对我来说,一直以来最重要的事就是旅行。在旅行中拍照,丰富知识,学习新的文化,观察现实生活中的事物。学会像一个孩子一样保持对这个世界的好奇心。即使你现在不能走那么远,你也可以带上相机甚至是手机去你所在城市的某个地方,去发现你不曾了解的世界。

融入故事

请记住一点,讲故事是创造插画的重要组成部分,即使是产品插图也应该要有。我记得当我的老师给我打开这个思路,向我展示它是多么强大的时候,我简直被震撼到了。(译者注:TED上有一个视频讲的就是这个,感兴趣的同学可以围观一下  https://www.youtube.com/watch?v=Nj-hdQMa3uA&t=107s) 所以,有意识的去收集一些故事是很有必要的。你可以只在速写本上记下一些想法,可以写成故事(写作是拓展这部分创造力很有效的方式,非常推荐)。平时多跟人交流,参加一些有趣的聚会,留心一些有趣的生活方式。多收集这些瞬间,我向你保证,你永远都不会再为缺乏灵感而烦恼了。

寻求反馈

我记得原来我很害怕听到别人对我插画的评价。但当我开始向父母展示我的画作时,我的父母总是对我说,我画的是最好的(我自己当时也对自己的画很满意),那段时间我简直觉得自己是这方面的天才。如今,我知道这并不是真的,但这件事让我有信心开始寻求反馈。 需要有寻求反馈的勇气,只有真正得到有建设性的反馈,才能不断帮助你改进一些东西。 寻求反馈是我在这个世界上最喜欢的事情之一。当你向他人提出这个要求的时候,你才可以学到更多。如果你正和其他设计师一起工作,向他们寻求帮助,可以创建一个小组,甚至是专门拉在一起针对你的插画进行讨论。当你是一名自由职业者或者是正在学习的学生,你也可以在facebook上找到你想要的小组,在那些组里你就可以展示你的插图,并寻求反馈。 (译者注:在国内,你不需要上facebook,也可以找到一些学习小组,或者把你的作品发到设计网站上,听取反馈,才能进步。) 我所讲到的这些技巧都是我自己的亲身经历,我知道它们长期来看都有非常积极的意义。我目前正在进一步做好自己的时间管理,最重要的一点是,我要如何利用好自己的时间。我不只是在寻求一个目标,而是在寻找一种策略,以提升生活中所涵盖的方方面面。我希望,我写的这些技巧能够给大家带来一些帮助。 大神都这么努力了,你还有什么理由不拼一把!!! 原文:https://medium.muz.li/how-to-improve-illustration-skills-367d7d9c3759 作者:Katarzyna Dziaduś 译者:彩云Sky(微信号:caiyunyisheji)


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

uedbet赫塔菲官网QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://www.dashijieylc3je.com/how-to-improve-the-ability-of-illustration.html/feed 0
设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com/how-to-let-users-remember-your-design.html http://www.dashijieylc3je.com/how-to-let-users-remember-your-design.html#respond Mon, 11 Mar 2019 08:52:07 +0000 http://www.dashijieylc3je.com/?p=30577

前几天被人问起,作为界面设计师,是如何评判设计师的专业能力深度等级的?思来想去,可以分成以下三个阶段: 前期:设计执行偏多 中期:能够准确定义产品的风格走向,并把产品做出独有的风格调性 后期:有很好的设计影响力,可以从行业角度出发,助力行业的发展 我个人还在前期到中期的过渡中挣扎,尽可能的保证自己的产出是优质的精准的,并且努力构建产品的调性。有了调性,就有了被记忆的资本了。 那么怎样做到优质且能够被记忆的产出呢?我整理一下思路,在下面会介绍一些关键点,有不正确之处,大家可以共同讨论。如大家所知,产品按照发展阶段可以分为三段:探索期、成长期、成熟期,下面主要针对的是处于探索期的产品,成长期和成熟期的产品在某些点和探索期的不太一样,不在这篇讨论范围之内。 能够被记忆的设计,可以拆分为:精准的设计+有亮点的设计。关键思路闭环:了解-分析-创作-亮点-验证-修整.下面我会用最近的海外项目举例说明,听我慢慢说来。

一、了解

了解可以拆分为4项:了解项目背景、了解目标用户、了解产品目标、了解核心竞争力 [了解项目背景] 开始设计之前,必须要知道为什么要做? 举个栗子,小哥哥约心仪小姐姐看电影,电影看到一半,发现小姐姐哭了,这时小哥哥要说啥?直接说:“你别伤心啦!”。那我可以肯定的说,小姐姐此时内心是翻白眼的,她也许会想:”你怎么知道我是难过的?其实我是看到热血沸腾,喜极而泣!!“ 所以说我们必须了解表象背后的背景,才能顺着背景往下探寻真相。 回到项目中来说,此次之所以有海外项目,是由于国内版本处于缓慢成长期,我们需要扩大用户总量,参考日本韩国的发展路线,我们出海的时候到了,暂且选定北美和泰国为第一站。 [了解假设用户] 那句老话”对症下药“,知道我们要拉取的用户是谁,才能迎合他们的喜好,才有可能设计出她们喜欢的东西,在海外项目中,此项目是全新从0到1的过程,和产品聊过之后得知,她们是想要快速的抢占海外市场,目标针对的是北美的女性年轻用户,年龄在30岁以下。注意了:这里我用的是假设用户,因为一个新产品其实是没有用户的。 [了解产品目标] 有木有人会有以下疑惑,明明自己设计的东西很好看,为什么产品就不通过呢?其实很大可能性就是你们的目标不一致造成的。产品想突出a,你却把b做的无比闪耀,产品肯定看了要翻白眼!所以我通常下手设计之前,会再三和产品大大们沟通清楚,他们此次的目的是什么?是为了推某项功能?还是为了解决哪项用户体验? 海外项目这种探索期的产品,目标肯定是活下去,聚拢核心用户,快速上线,试探用户接受度,我们在调研过程中,发现我们的竞品也在积极准备海外版本,更验证了我们出海的决策是正确的。 [了解核心竞争力] 一定要了解自己产品的优势,并把它用最合适的方式展示在用户面前,这绝对能为产品加分; 这点和平时穿衣服类似,会穿衣服的小姐姐,会非常了解自己的优势在哪里?腿长,好,我露腿;腰细,好,我穿有腰线的衣服,只有穿对衣服了,才能放大自己的优势哦。 设计亦是如此。这次的海外版本,我们挑选了海外所缺失的女性向作品,主打恋爱、BL、爆笑剧情类作品,且每部作品都保证有精致的画质、引人入胜的故事线、并且保持每天更新! 归纳以上核心竞争力关键词:内容品类、爆更、画面。

二、分析

分析有三大类:分析同类竟品,分析横向类似产品,分析时下设计趋势。 [同类竞品] 北美排名靠前的漫画阅读类app,从两方面进行分析; 阅读模式和信息布局——国内外在移动端的阅读行为是相同的,上下/左右翻页;多是Ip 聚合与框架式的信息布局形态; 设计风格——国外的app风格是极度扁平化的,信息布局紧凑,无品牌吉祥物,有品牌图形,但也接受人物类的品牌吉祥物,如下图: [横向品类大众产品] 分析了美国排名靠前的娱乐社交类app,大多数的icon都使用了较高饱和度的色彩;UI界面的主色调也基本继承了icon的颜色,设计风格极度扁平, age to age;如下图: 【北美流行趋势】 从各大设计网站截图可以很容易的看出,有以下几个共性:多彩,高饱和度,卡片化的展示,细腻的微交互,如下图:

三、创作

到这个环节之后,就需要把前面获取到的信息揉在一起去考虑,我一般会列举所有的关键词,并且把他们重新组合,找出共性,提炼出来一个主旨,也就是属于这个项目独有的设计语言。我得出的设计语言是:呼吸。 下面简单为大家介绍一下,我是如何把“呼吸”贯穿到界面设计中的。我划分为三大类:节奏,维度,活力。 【呼吸之节奏】通过卡片化、差异化、栅格化来体现 卡片化的展示方式 相对于普通的缩略图而言,卡片在陈列和交互行为上能让用户更聚焦内容,使得卡片与其他元素区分开,形成韵律 卡片能把封面和作品名称打包,更凸显整本的概念 海外版本初期内容较少,采用双列卡片布局方式,更能体现精致封面的细节,符合海外用户喜好大图这一特征 2.更强调差异化 局部采用complexion reduction的设计语言,用更大更突出的标题字体,更多的负空间,来拉开页面信息层级,突出页面主要功能,这也是节奏的一种体现。 3.柵格化 本次版本采用H5的承载形式,降低使用门槛;在柵格化以后,不仅可以较好的适配多屏幕,还能让界面形成有序的节奏感! 【呼吸之维度】通过单页面&多页面两个层面来体现 1.单页面的维度体现 把页面延伸至z轴,打造页面纵向的层级感 2.多页面的维度体现 平滑且有继承关系的转场,能够很好的帮助用户理解产品架构。 【呼吸之活力】通过色彩、微交互两块来体现 1.色彩 综合了美国Ios和安卓常用社交娱乐app,以及美国女性经常出现的场景图片,分析了它们的颜色,并做了分类,发现较多的使用了较高饱和度的色彩,所以在此次海外版本上,把国内版本的主色调进行了细微的调整。增加饱和度,色相也更暖,看起来更有活力,如下图是本次海外版本的用色。 2.细致的微交互 微交互虽然单指一个点,但不能想当然的指哪打哪。我们得从架构上,从全局到局部来思考;或者用用户场景出发去思考。我的做法是会以用户的视角,分场景的去思考,可能会碰到什么问题,需要得到什么解决,一定要假象自己的小白用户,并从中找出可以优化的创意点。在找到创意点之后,还需要筛选这些创意点的必要性,以及是要重点处理和略微优化就好。 下图是从有目的和无目的两方面去发散,去思考用户会是什么场景,可能会遇到的问题. 细腻的交互可以让体验升级。从韩漫在美国的受欢迎度可以看出,当地还是能够接受品牌吉祥物这一设定的。在海外版本里,我尝试以品牌形象为切入点,把吉祥物与界面结合起来,希望用户不再是与冰冷的界面沟通,通过逗趣的黑子形象,让用户感受到情感,感受到活力。 下面列举微交互的一个案例。在搜索操作中,我尝试把不同输入状态与不同的表情关联起来,让用户在操作的同时。能够得到及时有趣味性的视觉反馈;如下图 从微交互角度来解析以上的交互。 触发器:用户点击搜索进入搜索页,点击输入框; 规则:开始输入文案; 反馈:(视觉反馈)黑子状态由默认状态转变为正在输入状态; 循环:点击键盘“搜索”,结束这段微交互;再次点击点击搜索框输入文案,再次激活此微交互;如一直在激活输入框状态下,黑子的状态一直保持在正在输入态; 以上阐述的是部分创作过程,阐述了如何推导设计语言:呼吸,并通过“节奏”“维度”“活力”三部分来解析如何用设计语言映射到界面中。 到这里为止,就是可以分水岭了,如果止步于此,你的设计应该能称得上是精准的设计,可以跳过以下第四大类,直接进入验证和修整. 那么如何能更好呢?如果能往前再进一步,挖掘一些亮点所在,是不是更容易被用户记住呢?下面会简单谈谈一种我常用的方式:奔驰法(一种由美国心理学家罗伯特.艾伯尔创作的思考方法)。 4.设计侧切入挖掘亮点(常规设计可跳过四,直接进入第五部分) [亮点之如何思考] 创新思维:奔驰法之put to other uses 用作他用(put to other uses) 这是奔驰法有7个切入点,我此处是用了第五点:“put to other uses”;可以理解为设计时把别的领域的概念或处理方式拿来借鉴,我觉得可以理解为改变用途。其实拟物化就是用作他用的典型代表。它是在UI层面模拟实物的形态材质,从交互层面模拟实物的物理特性,最终运用在图标界面设计、动效设计等方面。 C4D目前在设计的火爆程度就不用我介绍了,我思考着如果三维与ui结合会碰撞出什么呢? c4d这类三维的表现手法一般用作商业化宣传,为品牌印记的打造助力;那么基于品牌印记打造这一项,是不是也可以通用在ui层面的品牌印记打造呢?于是有了亮点切入:加入三维的表现形式,去助力构建品牌印记 [亮点之实践落地] 内容思考: 想要打造品牌印记,先要确立,品牌背景故事,虽然这两项没有实际应用场景,但可以它可以为后续的设计延展提供方向.(此处就不展开讲品牌印记打造的其他环节) 品牌背景故事:黑子来自于遥远的漫星,由于漫星已经濒临死亡,黑子急需找到漫力拯救漫星。黑子发现在地球上可以搜集漫力,便从外星到达地球。第一站是中国,第二站就是北美洲。 技术思考: 用三维的方式做品牌植入,强化产品的品牌感.但二者融合还是有需要注意的点:三维的渲染有彪悍霸道的视觉冲击力,ui界面与之相比,显得内敛很多,那么如何做平衡? 解决方案: 配图在页面中的占比很高,即为“重视觉”,反之,则为“轻视觉” 我首选与界面交互不强相关的默认图作尝试,如下图 而在个人中心头部区域,我将日常打招呼的场景引入,希望用户看到能莞尔一笑;此处黑子的形象是希望用户优先关注到的,所以采用了与背景差异化较大的。

整体视频效果展示(贴图)

四、 验证

此模块分为两大类:精确传达,使用体验(此论证要点主要适用于探索期的产品,因为探索期的产品是重定型的,而非定量的。) 【精确传达】 从需求方角度来看,是否能把需求方想表达的重点精确的表现出来;这块要点是前期要与需求方目标同步,站在他们的立场去考虑信息改如何去表达,去重组; 【使用体验】 从用户角度出发,去看界面是否符合他们的预期,是否能接收到需求方想表达的核心要点等,以及他们使用完以后的推荐意愿、满意度等等。另外还可以从新增用户数去看,用户是否愿意继续使用你们的产品,下图为调查问卷截图.

五、 修整

任何设计都是持续性的,并不是改版完上线了就可以了,而是要不断持续的调整,优化,每次设计上线之后,都要进行设计复盘. 主要结合前面的验证结果+技术实现+项目时间这三块进行修整.这块我目前还做的不够好,大家一起共勉。

(左旧右新)

总结

做设计的关键路径:了解—分析—创作—验证 —修整(这是一个闭环,就像功能需要迭代一样,设计也是需要不断优化迭代的。) 而在优化迭代的同时,能主动发现并在产品设计中加入创新点,那很有可能就能记忆点,闪光点。 以上是个人思考,如有意见。大家可以一起讨论,文章也可以继续优化。 感谢一起参与项目的小伙伴们! 欧姐的全程指导,菜菜和梦梦的脑洞和三维支持,宝哥哥的技术支持。 作者:Tina姐 公众号:TCD设计中心


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

uedbet赫塔菲官网QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://www.dashijieylc3je.com/how-to-let-users-remember-your-design.html/feed 0
设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com/graphic-layout-design.html http://www.dashijieylc3je.com/graphic-layout-design.html#respond Sat, 09 Mar 2019 07:57:40 +0000 http://www.dashijieylc3je.com/?p=30575

就是要将版面中必要的元素进行有序组织、摆放,在空空如也的画板里把一堆杂乱无章的东西排得好看并不容易,简单的对齐排列?结果可能是既单调又呆板,如果全凭感觉加些几何大色块,又觉得太大众,且跟自己的品牌和主题没有直接的关联,怎么办?今天葱爷给大家分享一个实用的方法:图形法。 什么是图形法?说白了其实就是用图形来承载文字或者图片。

图形好处

1、更易:在图形里,可选择性更少,所以更容易。 2、更有趣:用与内容或品牌相关的图形,本身就是个有趣的创意。 3、更整体:把设计元素聚集于图形内排列,自然显得更整体。 4、更有助于:信息传达图形本身也可以传达出一部分信息。 常用于电商设计和海报设计中:

▲用电视机图形排列主播头像和介绍文字

▲用胶片图形排列图片和文字

▲用展示架图形排列游戏装备和文字

▲用红包和单据图形排列促销信息

▲用房屋的形式排列信息

▲用购物券的形式排列促销文字

▲用蒸笼图形排列图文

▲用广告牌的形式排列文字和图标

那么,像上面这种采用图形法的设计是怎么操作的呢?可以简单分为四步:

一、观察

观察版面上需要排列元素的多少与形式。举个例子,以下是一本农产品小册子其中1P的文案,册子的成品尺寸为w110x200mm。 客户只提供了这些文字,从上图可以看到,字数并不少,且都是关于企业介绍的段落文字,显然这些文字要集中,不过如果只是像上图那样简单的对齐,未免有点单调,最好引入图片或者图形加以丰富,由于没有合适的图片,所以我决定采用图形法。

二、思考

用什么样的图形才能把现有的元素组合起来呢?图形的提取和选择有三个方向: 1.根据文字的属性来选择图形,比如下图需要的内文是一些优惠信息,所以设计师选择用优惠券的图形来承载文字。 2.根据图片来选择图形,比如下图需要排列的元素中有很多产品,所以设计师用盒子与展示台的图形来承载它们。 3.根据设计(品牌)调性来选择图形,下图是一个春节期间的电商侧栏,所以设计师用灯笼图形来作为的载体。 现在,我们再回过头来看看前面说的这个画册设计例子,这里需要的元素并无图片,而企业简介类的文字也提取不出合适的图形,所以依据品牌调性来选择图形是最靠谱的,哪些图形可以使用呢? 由于这是一个主打天然、健康的农产品品牌,所以很容易想到太阳、山、白云、树、叶子、花等图形,在这些图形中,哪一个最合适呢? 我们可以根据以下几条标准来选择: 1.图形与品牌调性要相符; 2.图形的造型要尽量简单; 3.图形要美观; 4.要适合承载内容; 5.图形的形态要适合版面尺寸。 由此可见,叶子图形是最合适的。因为其造型最简单比较好承载文字信息,不会影响到阅读性,并且也更便于在狭长版面中运用。

三、设计与

即使确定了采用什么图形来也还有很多要注意的地方,比如同样一个元素,可以设计成很多不同的图形,它们所产生的效果也会有很大差别。一般来说,抽象的、几何化的图形会比具像化的图形更合适,因为前者更简洁、更适合、更有设计感,下图是树叶图形的两个不同设计方向。 显然右边简化后的效果比左图效果更合适。图形设计好后当然就要把文字排上去了,文字的方式有两种,一种是沿着图形的内轮廓绕排(如左图),一种是在图形轮廓内自由(如右图)。 使用第一种方式能使文字与图形结合得更自然,适合字数比较多且呈段式的文字;使用第二种方式的优点是不需要完全受限于轮廓,更灵活,适合字数比较少的文案,很显然,在本例中更适合采用轮廓绕排。 提示:在AI中,把文字工具移动到图形的路径处,当出现如下图标时,单击鼠标左键便可以输入文字了,而且每一行文字的起始都会沿着图形的内轮廓排列。 在菜单栏文字选项中点击区域文字选项,即可调出参数框,如下图:

四、补充与优化

当然,如过版面中只是光秃秃的一个图形加上其中的文字,还是会有些单调,所以需要再加以补充、优化,首先要在轮廓之外也放一些文字,比如页码和标题等,然后背景也可以与图形呼应,比如这里用了与叶子呼应的森林图片(背景做了高斯模糊处理)。 现在我们可以看到,版面的右上角明显有点空,而且整体上还缺少一些对比关系,于是我把叶子的图形复制出两片,分别排列在主体右上角和左下角作为点缀,到这里这个小页面的设计就完成了。

总结

图形法可以使版面变得更有趣、更有创意,但是用不好也容易造成呆板、生硬的感觉,所以,最好不要把所有文字都限制在图形范围内,上面的例子虽然简单,但基本上回答了运用图形会遇到的主要问题。最后请大家记住,版面中没有哪一个元素是独立的,要始终站在整体的角度来设计每一个局部。 作者:葱爷 微信号:congyenanian


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

uedbet赫塔菲官网QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://www.dashijieylc3je.com/graphic-layout-design.html/feed 0
设计达人 - dashijieylc3je.com http://www.dashijieylc3je.com/what-are-the-excellent-design-styles-on-dribbble.html http://www.dashijieylc3je.com/what-are-the-excellent-design-styles-on-dribbble.html#respond Thu, 07 Mar 2019 08:12:22 +0000 http://www.dashijieylc3je.com/?p=30573

近一年来已经有很多新设计风格出现,并且有部分设计手法、表现形式已形成小的设计趋势,有不少的设计师在使用,今天我们将分享从UI界面设计、品牌、动效设计、图标设计、图形设计、、插画、卡通形象等八个方面的案例,这些案例的设计风格都是 Dribbble 上2018-2019年的高赞作品,非常值得设计师们借鉴学习。

一、界面

三维

By Mike | Creative Mints

随着C4D软件的火热,在界面设计中很多主体元素和造型都采用三维的设计手法,通过简单建模,加材质渲染后进行页面,这种手法增加画面质感,烘托气氛。Make大神不但自己手绘能力很强,还尝试通过三维软件对造型、、光影进行更深层次的研究。这两种的视觉体验还是有明显的不同之处。 网格规范化

By InVision

uedbet中使用网格系统可以更好的规范网页内容,我们看到,使用网格系统的uedbet,非常的有条理性;看上去也很舒服。最重要的是,它给整个网站的页面结构定义了一个标准。网格系统虽然没有统一的准则,但是设计师可以采用黄金分割0.618、白银比1.414经典比例划分,或垂直间距与网格系统的间距相同或是整倍。网格系统的参数根据项目的实际情况,尽量建立10的倍数或8的倍数。 极简风 极简风格的界面设计通常要具备几个特征:简洁、清晰、一致,并且可用。你的交互体系应当通过清晰的视觉传达方式帮用户定位并解决问题。可以通过简单的方案;可使用大字体和醒目的色彩来让特定的数据成为视觉焦点;也可以大胆使用留白让画面具有呼吸感。 暗调高亮风格

By Eddie Lobanovskiy

暗调高亮风格是一种新兴的艺术风格,近年来在uedbet中广泛应用。暗调高亮风格会更具个性化,也被广泛年轻人所接受。暗调高亮风格一般以黑色或深色调为背景色,加上一种高饱和度、高亮度的颜色作为主色,首页过多亮色搭配不好会影响网页的视觉效果。暗调高亮风格对背景颜色光影明暗处理得当就显得十分重要。 形式感

By Mike | Creative Mints

腾讯设计师晋小彦出过一本书《形式感+:网页视觉设计创意拓展与快速表现》,里面写了很多一些关于形式感设计方法论,比如抄现实的三步骤:减法、分块、加法,把现实事物提取形态,然后把信息内容与形态结合形成一个整体,让画面更形象生动有趣。界面中把一幅插画拆分到每一个小的分块,通过打散方块让画面更有趣,增加美感的同时也增加画面的动感。

二、品牌

品牌升级

By Medium

Medium 是一个轻量级内容发行的平台,允许单一用户或多人协作,将自己创作的内容以主题的形式结集为专辑,分享给用户进行消费和阅读。 2017年8月21日,Medium对自己品牌识别进行全面升级,有原来具有可塑性的折叠式“M”直接改成了衬线字母,这次调整中没有保留原来的任何设计元素,把两年辛苦建立的品牌基因完全丢弃。但是它在产品用户体现下足了功夫。 Medium强调用视觉化的图文样式提高用户的阅读体验、用主题为核心的内容组织方式来聚合内容、用用户投票的众包形式进一步精选内容、用精美的网站模版来加强页面的结构化。对 Medium 这样的新的内容发行形式来说,作者、品牌不是最重要的,话题才是核心。Medium 不希望用户仅仅因为某篇文章是某个作者所写就去阅读,而希望他们阅读的理由是因为该文章的话题是其真正关注的。目前很多国内设计类的译文都来自Medium这个平台,我也会每天关注这个平台,里面的热点设计类文章很具有前瞻性和实用性。 品牌调性

By green chameleon

品牌调性,是基于品牌的外在表现而形成的市场印象,从品牌人格化的模式来说,等同于人的性格。Botanical采用衬线字体突出咖啡个性品牌调性,品牌色绿色代表纯天然,贴近自然,很阳光。淡淡的暖红色辅助色拉回了天然健康同时还兼顾女性客户喝Botanical咖啡。整体包装也采用细细的字体,Botanical衬线字体正负形比重和字母之间的间距都恰到好处。 欧美风

By Nick Slater

欧美风的logo主要以简洁紧凑为主,英文字母的构成基本上都是线条路径环绕,图形也是通过高度抽象提取造型,通过处理后所形成的文字和图形相对简单整齐,容易与其他颜色或者背景形成统一的效果,突出重点,可以给人很深刻的印象,同时也容易记忆。很多NBA球队的logo风格都是类似这种欧美风格。 品牌延展

By Eddie Lobanovskiy

为了获得更有效的传递品牌价值,需要建立包括Logo、、字体、图标等一整套视觉规范,还需设计元素规范和辅助图形。首先需要确定品牌主色、辅助色。用户在使用现在的多平台互联网产品中,图标是重要的品牌设计元素,可以很好的辅助品牌延展到产品中去,统一的图标设计可以帮助用户更容易识别品牌所传递的价值。 包装设计

By Mike | Creative Mints

商品包装展示的商标、图形、文字和组合排列在一起的一个完整的画面。这四方面的组合构成了包装设计的整体效果。商品设计构图要素商标、图形、文字和色彩的运用得正确、适当、美观,就可称为优秀的设计作品。 包装设计的图形主要指产品的形象和其它辅助装饰形象等。图形作为设计的语言,就是要把形象的内在、外在的构成因素表现出来,以视觉形象的形式把信息传达给消费者。要达以此目的,图形设计的定位准确是非常关键的。定位的过程既是熟悉产品全部内容的过程,其中包括商品的商标、品名的含义及同类产品的现状等诸多因素都要加以熟悉和研究。

三、动效

品牌动效

By Unfold

By lgor Pavlinski

品牌动效Logo作为一种更新颖的展现方式,动态图形会更容易被用户所理解,也具有更高的品牌辨识度。给人更加愉悦的视觉享受。一个好的有趣的动态Logo能够让人触发不同的情感。我们在设计时可以营造一个美好的故事情节,也可以体现我们品牌中专业度为创新点。在品牌设计上有所创新,让用户更加认可该公司的专业性。 界面微交互动效

By Magic Unicorn

By Google

界面微交互动效会让用户体验更加精致到位。想要打造优秀的产品设计,微交互和动效设计是绕不开的,UI界面设计通过微交互反馈告知用户当前正在发生的事情,所处的状态。Google系统中控件规范化会让界面更规范化。细微的动效更能调动用户情绪,取悦用户。 插画动效

By Markus Magnusson

By Zak Steele-Eklund

插画绘制一般都具有艺术感,插画传达的信息是否明确就显得格外重要。适当添加简单的动效,会增加插画的场景性给用户带入感。插画和动效结合起来更容易引导用户,吸引人的眼球。插画动画可以帮助用户更好的了解内容,会让用户在界面插画中寻找可交互的体验乐趣。 Mg动画

By Markus Magnusson

Mg动画需要很好的节奏感、韵律,每一个场景动画都需要其中的元素进行连接变化,让转场动画更加自然,Markus Magnusson动画通过点线面的动效变化让画面更加有趣、自然,会让人更加印象深刻。 弹性动画

By Markus Magnusson

By Gal Shir

By Eduard Mykhailov

Q弹动画中的Q弹效果会让画面更加有趣,会让人重复欣赏不回感到腻。使用AE弹性表达式Bounce 和 Overshoot!利用这个两个表达式你可以轻而易举地实现各种弹性动画,也可以使用Ae脚本:物体弹簧弹性预设脚本 Aescripts Rubberize It,可以将你的物体图形层中的元素模拟成具有弹簧弹性效果,更符合力学! 人物角色动效

By Eran Mendel

By David Calderon

人物角色动画的AE使用插件较多,Puppet Tools插件利用图钉来制作骨架的工具,但因为图钉工具本身的缺陷,容易破图。DUIK插件现在普遍用在AE制作角色动画(角色动画比较硬),RubberHose插件角色动画比较软,相对更加自然。为了更好的做好人物角色动画还需要平时对人物形态更细致的观察。 酷炫科技风

By Milkinside

AE Trapcode插件最常用的是particular和form了,这两款粒子插件可以制作出很多酷炫的动态效果,随着科技进步上面的动态炫酷风格可适用于多媒体大屏展示或用于公司企业官网,通过粒子插件来突出企业科技感,多用户互联网公司。 三维动效(C4D)

By Gleb Kuznetsov✈

c4d三维场景动画通过构建实物和场景模拟生活中的现实场景,会让用户体验真实感,三维软件制作动效的最大优势是通过动力学和表达式会模拟真实感,未来在AR/VR领域会有更好的发展。相对于界面动效学习成本难度也相对较大。 伪3D旋转动效

By Gal Shir

By Markus Magnusson

伪3D旋转动效渐渐的成为一种趋势,360度无死角旋转对角色造型有更高的要求。伪3D旋转动效也渐渐被更多的设计爱好者所喜欢,伪3D旋转动效主要使用了ae表达式进行制作对360不同旋转角度进行定型,这种动效比较新颖、很有意思百看不厌。 游戏动效

By Mike | Creative Mints

By Markus Magnusson

游戏动效可以很好的引导玩家操作,帮助新手引导,让玩家了解游戏规则和操作使用,好的游戏动效可以增加用户粘性。游戏动态、场景特效、角色动画对动画运动规律都有很高的要求,游戏动态demo也可以节约研发人员的时间成本和沟通效率。

四、图标

渐变篇

By Ramotion

在扁平化设计刚兴起之时,很多的ICON以纯色和图形为主,然而随着渐变色的流行,当图标使用了渐变色彩,显得更加符合趋势。将渐变的设计同扁平化设计的美学特征融为一体。同样的图标,运用了不用色调的变化都会呈现不同的深度和层次。使用得当的渐变色彩,可以使界面和图标的设计感得到迅速提升。 线面结合

By Eddie Lobanovskiy

线面结合图标是一种很出彩的风格,线是高度概括的图标,这时候面更多的是充当装饰点缀的作用。面的表现方式也有很多种,可以是单色的,渐变色的,也可以像MBE风格那样提取主体结构形成的面,也可以提取图标里面有闭合路径所形成的面。这种风格应用也非常广泛。 拟物风

By Servin

看惯了扁平风,还是觉得拟物风更加精致耐看,追波最早一批uedbet赫塔菲官网师擅长拟物风格。需要对造型、光影、材质、绘画功底都会要很高的要求。ios为代表的都是过去拟物风格的表现方式,强调的是对单一物件的刻画细节仿真。如果从更广义的范围去讨论,只要与现实世界有所关联,都应该称为拟物?所以当下的设计趋势,便是这种广义上的拟物,越来越强调现实世界的物理特性。 Windows也推出了一套自己的设计语言-Fluent Design System,基于平面化设计上增加了通过光感、阴影、材质增强信息的层次感。模拟物理现实的弹性、光影、阻力等特性。增强了widget或者其他元素的动画特性以此来凸显现信息。整体更加易用、简洁且信息突出。 轻拟物

By Rwds

这款由R神绘制的食物主题以轻拟物为主,更易识别,也更加轻简耐看。简约细腻,轻快的色彩让食物很有食欲感。轻拟物风格纯粹有质感,细节的处理认真细腻。相比重拟物制作也会更加有效率,值得设计师花时间去研究学习。

五、图形

共生正负形

By Yoga Perdana

Yoga style之前都是曲线渐变风格,今年大量的尝试共生正负图形运用到中来,Yoga有意识的更加注重负形的变化,通过图形标识正负形态的互补,来提高图形的表现力,增强视觉上的错视感和冲击力。字母与图形的组合趣味性,精心设计之后丰富了图形的表现力,会有一种眼前一亮的艺术效果。 点线面

By Eddie Lobanovskiy

点线面是中基本的构成要素,可以体现Logo中各自的造型特征。合理运用点线面可以让视觉聚焦,Logo中点线面形态会更加活跃,点线面不仅能够大幅度提高人们的注意程度,还可以通过造型结构形式不同、色彩明度变化的视觉变化来给人留下深刻的印象。 几何体

By Mike | Creative Mints

几何体设计形式在设计中广泛运用,几何体设计的画面都比较简洁,主要把握结构形体变化、元素造型提取再组合的过程,最后通过冷暖对比、互补色对比来加大视觉冲击力,使画面更有张力。抓住用户眼球,能从优秀的作品中脱颖而出。

六、

多彩色

By Eddie Lobanovskiy

多彩色设计总是给人眼前一亮的感觉,细细研究多彩色其实多彩色也有大的主旋律,可以从大的冷暖角度去区分,根据色彩的色块大小、冷暖对比范围来确定大方向。当确定暖色调为主色调,冷色调就只能当做辅色调。多彩色还可以通过红橙黄绿青蓝紫的顺序来排列,这样的排列方式会更加有秩序,多而不乱。

七、插画

写实风

By Leo Natsume

写实绘画骨子里还是具有很强的艺术性,虽然绘画和设计慢慢细分化,但好的手绘功底有得天独到的优势,更多美院毕业都有这样的功底,写实绘画有着不可抗拒的魅力,有着不可替代的功用,有更多的艺术家投身其中,潜心磨砺,必能再现无尽风光。如何把写实绘画与设计相融合,让它有适用更多的场景,发挥其最大的光芒。 硬件升级

By Cuberto

iPad Pro 的精髓不仅仅是屏幕更大、性能更强,在我看来 iPad Pro 的灵魂所在就是可以搭配 Apple Pencil 使用。Apple Pencil 外观看似一支普通铅笔,但性能设计十分强大,可以根据压力度进行不同程度的绘画和涂色,而且用起来十分流畅,几乎不像是一支电子笔。基于这样的使用体验,让越来越多的绘画软件产生在 iPad Pro 上,也有越来越多的设计师与插画师开始在 iPad Pro上工作。硬件升级也是大势所趋。经济有能力的设计师可以尝试。 光影人物风

By Eddie Lobanovskiy

By InVision

光影人物风更多的也是像Mbe style一样快速区分画面中的黑白灰三种色调的分布,使用色块进行区分,最后通过多色让其画面保持一致性。在流程时我们可先使用黑白灰色调进行调色,大的明暗调出来后进行选取颜色,大多数以暖色调为主色调,适当加入冷色调调节防止画面太腻。 2.5D升级

By Dmitrii Kharchenko

2.5D应该是Mbe插画风格之后最火的插画风格了,由于它应用范围广,制作方法类教程较多,ps/ai/c4d都可以快速的制作出来。2.5D插画风格升级后添加了渐变风格增加其科技感,添加了光影效果增加其场景的真实感。加入小人物的工作场景会有一种带入感,可以很清晰的识别其工作场景。 扁平插画

By Joanna Ławniczak

扁平插画要将画面中的物体造型、阴影、颜色、形状等具象的实物一定程度上脱离开,通过丰富的想象里,丰富图形组合趣味性,让画面的物体摆放有韵律和节奏感。扁平化插画风格在色彩选择上也更加大胆,为了使画面更丰富会增强明暗关系,增加色彩之间的块面感、统一性和对比度。随着大众审美水平的提高,扁平风格的插画还是应以简洁大方的插画为主,让具象的事物夸张化、新颖化,能缩短用户的距离感,增加用户视觉感官强化扁平插画内在情感。 人物插画风

By Dmitrii Kharchenko

人物插画风也是比较流行的一种插画风格,由于其使用场景广,互联网公司产品和B端产品都可以适用此类插画风格,而且它的绘画操作难度适中,很快就流行开来。人物和实际应用场景会给人更多真实感,更好的给用户传达信息和情感。适当的加入植物花花草草具有装饰性的同时增加了画面的活力。更加贴近自然、拥抱自然。 简洁燥点风

By Fireart Studio

简洁风在插画中也同样适用,画面中对每个元素造型进去提炼,每一个提炼后的造型元素都符合人的美学,通过对主题元素进行重组符合透视的前提下通过大小对比、近大远小增加画面层次感。燥点使用可以使用亮色燥点代表高光,也可使用暗色燥点代表暗部或阴影。燥点使用可以增加画面的纹理感。 剪纸风

By Eddie Lobanovskiy

剪纸风具有高度的概括性,强烈的夸张性和丰富的装饰性,通过造型、纹理和色彩的表达出插画的内在情感。剪纸风从整体气质上显得传统并且具有亲和力,使得剪纸风格的插画具有更多的艺术价值。剪纸风应用在插画设计的方方面面,使其在设计的应用性更强,风格也更加突出。值得每个插画设计师进行尝试。

八、卡通形象

吉祥物设计

By Mike | Creative Mints

吉祥物设计表现形式多为写实图形,用夸张和提炼的手法将原型再现,吉祥物设计是具有鲜明原型特征的创作手法。用卡通手法进行创意需要设计者具有比较扎实的美术功底,能够十分熟练地从自然原型中提炼特征元素,用艺术的手法重新表现,要准确把握企业的品牌内涵以及赛事活动的特点,还要对形象适合后续衍生品开发有良好的规划能力。现在在公司品牌文化宣传具有举足轻重的作用。 表情包

By Ryan Putnam

表情包在国内还是有很广阔的市场。表情包这个东西太神奇了,可以使枯燥的文字变得有趣,表情的意义让生硬的文字更有人情味儿,让聊天变得更加有趣。斗图在聊天群或聊天软件很常见,最厉害的那种人可以不用打字就可以和别人聊天,不论别人说什么都有对应的表情回去,而且很恰当,这样的聊天真的让人很开心。表情包的应用还可以解放人的天性,很多常在内心深处不方便表达的都可以用表情包来表达自己的心声。

总结:

2019年自己尝试写第一篇设计流行趋势实在不易,陆陆续续也准备了大半个月,先把追波2018年1000赞的优秀作品下载下来进行分类总结,发现符合当下趋势的设计作品,对单个作品进行分析解刨。从578个作品中第一轮筛选还剩200多个优秀作品,第二轮筛选也还剩128个作品,优秀的作品实在太多了,最后还是在128个作品中刷选出以上N种流行趋势,大家可以根据自己的喜好和实际的工作需要提高相对应的技能。 (Ps:由于作品中有大量的视频和动效,也遇到Gif压缩的问题。为了方便大家观看也尝试了很多动效压缩的方法,最终使用了AE插件Gif gun重新对动效和视频进行压缩,整体效果很算不错。) 作者:水手哥学设计(微信号:shuishouge_design)


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

uedbet赫塔菲官网QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://www.dashijieylc3je.com/what-are-the-excellent-design-styles-on-dribbble.html/feed 0