9种UI/UX设计案例,让你做出漂亮实用的设计界面
1. 深色主题
对于大家现在也看到很多的深色主题的app设计,它是2020年这年的设计趋势无疑。如果深色主题不会设计的同学,推荐看看相关教学视频。
2. UI插画
现在大多数界面已经加入插画设计,在UI设计中扁平化UI插画风格是使用最多的。
3. 动效设计&微交互
加入细微的动效,让界面灵动起来。我们知道如果加入动画会让网页内容增大,即使未来是5G网络也会让网页加载时间增加,这对于使用手机访问的用户来说,是非常致命的,2020年依然建议使用微动效即可。
4. 渐变
从18年开始就已经说渐变是未来趋势,其实到了20年也是一样,渐变还没过时,设计师们可以继续使用。
5. 大面积颜色
界面中填充大面积的颜色,这个可能比较少见,大量使用色彩时注意不要太多颜色,建议1-3种颜色为宜,否则会让页面花哨。这个颜色通常是与品牌有主色调有关。
6. 交互体验
产品除了需要漂亮的UI界面外,在功能方面必须符合用户实际使用需求,交互动效除了能提升视觉体验,且必须实用不花哨,这是用户喜欢你产品的重要条件之一。
7. 故事画板
小朋友为什么喜欢看绘本?因为有好看的图像吸引,所以为你的产品加入一些图文形式的故事解说也许更能取悦用户。
8. UI视频动画
在必要的情况下加入视频动画让用户更加了解你的产品,当然这样的制作成本会更加。
综上所述,在这8种UI/UX设计案例中,主要有UI插画、微动效、深色模式等设计风格,这是未来一年的UI/UX设计趋势。其中「动效」和「插画」设计是设计师必备技能,如果还不会的同学要赶紧学习哦!
成为插画师你该知道的大小事-鲍勃・张
如果无法在心理战中取胜,就会离激烈的竞争越来越远
一边阅读一边在打开了我一个新世界的书。
前半本简单介绍了鲍勃张的个人经历和个人经验,后半本介绍了鲍勃张的一些经典插画案例。隐约有些自传文的意思。
有时候阅读着看到很多类似于人生哲理的鸡汤句,但是可能搭配上个人的实际案例来展示,可能是因为专业的问题,因为贯穿了的是一些类似平面设计或者装饰设计的理念,反倒是让我比较有感触,接受起来也比较容易。似乎时常可以拿出来自我反省一下。不敢说自己是设计的内行却也觉得应该学习到了一些门道吧。
虽然别人的经验很难通过看书获得,但是一些新奇的绘画器具和一些插画图案设计和应用,光光是看到就就仿佛觉得很有收获,即使看过以后就忘得差不多了,但是相信在很多生活中还是会有展露出一定的使用价值。(比如马克笔中的油性马克笔和干性马克笔,比如好的笔记本品牌和手感,法律和策划的重要性等)
因为插画和设计大多是时候是有一定的时效性,所以有些内容会因为时间的推移使得看起来有一定的过时性。但是因为平时对于插画接触的不多,尤其是韩国的插画几乎就是不了解,所以对我来说不管怎么看都是很有新鲜感和学习性。比如李孝利的插画广告。其实个人蛮喜欢李孝利的但是却完全不知道原来李孝利在这么早之前就有过一个插画广告的代言。还比如韩国那特立独行的电影节。
因为国家文化的不同,作为韩国的插画师要理解他的思路或许还要理解一些文化上的差异,但是总体来如即使是一个毫无绘画经验的人也可以通过阅读有很大的收获,有很大的审美提高。
在鲍勃张后半本的个人插画品中,一些简单海报插图也觉得因为绘制内容相对技巧上比较低胜在创意和色调上的搭配,所以模仿起来也比较容易,虽然很难创意却是在开拓自己的思路上很有一定的借鉴意义。很多在绘画的过程中都可以用到。
不过在全书的语言组织上表示有点失望,毕竟不是作家或者说对于文字驾驭比较有特色的人,阅读起来感觉不太好。毕竟不是文学类作品,也就不深究了。
鲍勃张算是半路出家的插画师也不说他是不是成功吧,但是这种态度和勇气,我真的很佩服,至少我现在是没有这样勇气去跨出那一步吧。
推荐给大家阅读
插画梦想互助队 | 第2期《创意绘画 》
一人一风格,一画一故事,画画是一场心灵的旅行
第二期 分享嘉宾:Sheena神话
她,明眸善睐,笑颜如花绽,声如百灵鸟。性格温和,柔美文静,给人以如沐春风般的温暖;
英语专业,非美术科班生,零基础开始学习,凭借对画画的热爱和坚持,开启了插画之路。
她的插画作品色彩绚丽,吸睛夺目;饱满的色彩+形状和纹理,简单地组合成一张和谐美丽的画面;人物造型夸张有趣,有创意更有故事,表现出它们属于现代和时尚的一面,别具一格。
她身上有许多的标签:
Sheena插画闯关创始人/深圳市插画协会会员
视觉中国签约插画师/Sheena插画工作室创办人
教学风格: 自然亲切,朴实无华,润物细无声。将对插画知识的渴求和探索融于简朴,结合自身学习插画的经验,总结设计出了极具创新又高效的插画打卡活动《Sheena插画闯关打卡》。
对学员作业点评指导,认直细致、无微不至,投以最大的热情教学,她对绘画的热爱在潜移默化中影响着每一位学员。
迄今为止,参加闯关打卡学员逾1万+
#Sheena插画闯关打卡#微博话题热度700万+
4月份的创意分享干货满满,非常精彩,带给我们太多的惊喜与感动,最重要的是大开“眼界”。原来还可以这样画画,一个轮廓,两个词语,一只动物延展成一段故事;
创意思维: 我的理解是学习别人的优秀作品。这里说的学习,并不是指模仿或者临摹,而是通过看―记―画的方式来进行学习。
首先是看,看就是仔细观察别人的优秀作品的特点。从版式构图开始,观察作品如何利用空间和元素来构成画面。
其次是节奏关系,即画面中的明暗对比,色彩冷暖对比,疏密大小对比。最后才是技法,即画出这张作品所运用的方法。
世间没有完全相同的两张画,同样,也没有完全相同的两个人。每个人都是独一无二不可替代的个体。即便大家画的都是同一个元素,在笔下呈现的状态也是截然不同的。
一、课程“现场”回顾
二、创意绘画课程“精要”讲解
1、创意绘画材料与方式
分阶段练习:
第一阶段:出一个轮廓,根据轮廓去画想象出的画面(9宫格)通过被限制的轮廓,画出自己想出来的元素;
案例一 (原作:Sheena神话的方法)
尝试脱离原有的形状,把一些物件用被限制的轮廓去展现。通过这种方式,可以发现因为一些限制,可以画出比较有趣的人物形态。
案例二 (原作:glasslinda玲哒的方法)
尝试给自己定一些主题,每次通过这个形状去画出主题相关的(9宫格),也可以激发很多灵感。
发散思维的主题设定如下:
1.生活物品相关;
2.吃喝玩乐、衣食住行;
3.动物与植物;
4.人头像、半身像、全身肢体动作;
5.不同角度表现形式(平视、俯视、仰视);
6.正负形相结合;
7.外轮廓(剪影)的思考;
8.内部物品组合成所需形状;
9. 灵感一闪,自由绘画;
第二阶段: 完全不相关的关键词结合在一起,画一幅画。(9宫格)打破平时固有的想法,去画想不到的场景画面。
案例一 (原作:琴酱7酱的方法)
这幅画面的关键词是春天+时间
发散思维:春天-春游-户外放风筝-度过愉快的一天;通过发散思维联想到相关元素,提取+结合元素;
创作过程:在创作过程中找参考迸发灵感,在这些参考中想到,在钟里放风筝的女孩,风筝指向春天。后续采用夸张的形式,将头发和风筝连成线。
案例二 (原作:丸子丸的方法)
这幅画面的关键词:春蓝色+锁
通过关键词制作思维导图,写出所有能想到的元素,再从中提取+结合元素;
发散思维:人头―钥匙―茫茫人海―寻找自我―打开心房-解锁
创作过程:通过发散思维将人头变成钥匙,锁周边的那些黑色线条,代表着浮浮沉沉的海浪,在茫茫“锁海”中,奋力的寻找属于自己的那把锁。
第三阶段:用一个动物元素,来编一组故事。
案例一 (原作:Alina阿兰的方法)
故事系列创作思路:
绘本是表达一种情绪和传递一种思想,又是在告诉人们一些道理,因此我在进行绘本创作的时候考虑的是绘本的故事性和情绪表达。
“我的故事”是一个梦境,表达内心的渴望,处于快节奏都市的人们,由于工作的压力和忙碌的生活,会导致偶尔的负面情绪,有时候会心情低落变得浮澡不安,除工作之外,属于自己的时间与空间太少。
我想要有更多的时间来画画,想去感受大自然的宁静和美好,以梦境的形式来去表达我的心境,故事的主题《我和梅花鹿》。(很喜欢梅花鹿,梅花鹿也是我的幸运“萌宠”。)
2、创意提升的两个步骤:
(1)平时积累
创意灵感本: 随时随地记录。身边发生的事,做的梦,突发奇想,感兴趣的点,来自博物馆、梦、书、电影、诗,温暖的句子中获得的一些启发,这些都可以成为之后创作的灵感源泉。
图片库: 不定期搜集喜欢的图片,摄影作品,精美插画。插画创作素材库可以具体分类,例如:色彩、笔触、造型、场景、装饰等等,在之后的创作中,可以尝试用这些积累的想要尝试的色彩和笔触去开始新的创作。
释开达: 有关《插画创作必备的创造力储存法》的一段视频,其中关于书架和置物架的解析,特别有帮助。
书架里有内容和手法:内容里记录自己的日记、读书笔记、搜集的文章;手法里搜集色彩、笔触、造型、场景、装饰自己感兴趣的想要尝试的方法。
置物架:1、要画什么内容?2、尝试什么手法?开始创作的时候,可以采用这种方式。
(2)练习(行动起来)
练习有以下三种方法:视觉日志:创作方法特别受用,我们可以通过做视觉日志来积累素材学习创意。(微博@Hi吹吹)
写实/临摹照片:无意识的随机试验,用画面讲故事;复刻作品,拼贴等等一些好玩的方法,记录和学习。
3、练习创意的3种实战方法:
(1)速涂中学习
下面这几条是在《想象力・构图与创作思维》中提取的非常实用的创意练习方法,其中三条也是我们这次练习的,非常实用。
1.看到某一个对象后,联想到另一个对象,依次接力。(提升想象力,同一个对象,9天之后大家最终的结果会有千差万别)
2.完全不相关的事物结合在一起,画一幅画。(打破平时故有的想法,去画想不到的场景画面)
3.两个不同的人物,结合在一起画人像。(尝试各种有趣的人像)
4.通过一张照片――拓展出不同的变体,画自己内心的感受。(尝试练习画自己的感受,而不是画面本身)
5.出一个动物,各自画出自己心中的动物样子。(提供文字,大家各自画出自己想象中的动物的样子)
6.尝试用不同的绘画材料,去尝试画一个动物(牛,蛇,蜘蛛,鹅,鱼等)。(把自己家里现有的画具,都翻出来用一用,找出更多可能性)
7.针对一个对象:具体―抽象(使用不同的绘画材料,区分风格差异)。(学习具体事物的概括能力,每天概括一点,越画越简单)
8.出一个轮廓,根据轮廓去画想象出的画面(通过被限制的轮廓,画出自己想出来的元素)
9.用一个有趣的小物,来编一组故事。(出一个物件,例如鱼,每天围绕着鱼,展开属于自己的故事)
10.画同一个元素。大家分别听着不同的自己喜欢的音乐,把不同音乐当中的感受,融合这个元素画出来~(画音乐当中,自己的感受,学习更抽象的表现)
(2)速写中学习
另外一种创意练习方法是速写,我们可以在平时速写中获取很多创意,下面是《跟菲利大叔学手绘――创意速写》中提取的内容,对于想要开始练习速写会有很大帮助。
1.留出空白画纸,让自己自由发挥。放空脑袋,画什么由画笔说了算。
2.盲绘:
――闭上眼睛,左手感受自己的五官,右手拿起笔画;
――找模特,自己观察面部特征,画的过程不要低头看你的画。
(盲绘能让你学会如何更好地观察事物,提高你的绘画水平。)
3.画出你的感受:一幅绘画作品被赋予的个人情感越浓烈,它的艺术感染力才会越强。
4.画出你的焦点(想象力会填满余下的空白)
――为作品创造视觉焦点,着重描绘画面中最重要的几个部分,其他通过想象填满。
5.搜集素材:搜集一些看起来并不起眼,而且不能单独成画的东西。(例如去博物馆,填满画纸)
6.自然风景:留心那些随处可见的奇特形状,发掘它们各自与众不同的地方。
7.善用多视角:360度记录你周围的一切;从不同的人物视角观察同一个地方,还可以在同一视角中拼接不同的时空片段
(3)艺术家中学习
临摹和二次创作艺术家作品时,我们可以更好的了解他们在画面中的表现方式,情感,色彩等。也可以根据艺术大作加上自己的想象自由发挥。
4月份我们主要学习了保罗・克利、康定斯基、马蒂斯、梵高等艺术家的绘画表现形式,以后有机会再针对性学习其他的艺术大师。
4、推荐阅读书籍
以下分享的书单是在开始学习之前购买的创意相关的书籍,结合实践练习和其它平台对于创意的一些看法,一些觉得有用的点提取了出来。
创意书籍阅读心得体验:
1.《想象力 ・构图与创作思维》
这本书里讲到的构图与创意的内容特别接地气,非常实用,书中有很多创意相关的方法,也是4月份《创意绘画》用来实践的参考书籍。
2.《创意速写》
书中很多速写相关的内容,特别值得关注,对于想要开始尝试速写的人会有很大的帮助和启发。
3.《赖声川的创意学》
赖声川老师对于创意的解析非常深入,从他自己创作的经验中来解析整个创作形成过程。
4.《52个创意绘画实践》和 《创意速写实验室》
这两本书主要是讲用不同的绘画材料和创作方式,如何提取创意灵感,对于想要尝试各种材料的人会很有帮助,特别适合儿童绘画培训机构。
如果研究的方向是板绘,帮助不大;书中有一部份是关于从艺术家的创作思路中获取创意灵感。
书中创意的部分相对比较少,但其中线条,色彩,色调,如何用插画讲故事等一些内容还是特别精彩。
6.《自由绘画:插画师要知道的84个创作技巧》
背景和空间,替代现实,混合图层,空间透视,数码拼贴等88个创作技巧中,可以获得很多不同创作方法,给你更多灵感和创作的方向。
三、 创意绘画总结与作品展示
编者后记: Sheena老师为了4月份的分享,阅读完7本插画创意类书籍,观看了8小时的话剧。取其精华并整理成课件,很认真,很用心,很高效;(此处应有掌声+赞????????)
如果你看到这里也和我一样“意犹未尽”的话,可以移步至(微博:@Sheena神话)有更多关于插画的干货文章分享;
插画梦想互助队是一个类似于“乌托邦”一样的绘画世界,群内的氛围非常好,满满地正能量,看到大家每天发在群里的绘画作品,是一件非常享受的事情,和同频的小伙伴一起学习成长,分外愉悦;
对画画的热爱让我们对生活更有憧憬。
关于绘画的梦想就在〜手中的画笔;
文/Lindsay语絮
爱读书,也爱旅行;
爱诗词,也爱Guitar;
爱绘画,也爱写作;
我是Lindsay语絮,看书慢+写文也慢;
请叫我“蜗牛”小姐姐 ❤️