首页

学会这个教程,可以把任何一张人物照都变成插画风格

资深UI设计者

每个艺术家的插画里都有来自他自身创造出的节奏和风格,而接下来的一段时间,我们将学习绘制不同风格的插画,用实际行动去体会隐藏于图案表象下的不可言说的趣味和技巧。

学习时尚极简风格插画的目的是运用,而极简风格的插画在UI设计中是非常适宜讨巧的配图对象。尤其是运用在与时尚相关的网页中,大约是最不容易被忽视的亮点。

用一个实战案例,带你学习交互设计师的思考方式

周周

编者按:什么是交互设计交互设计师在做什么?他们是如何思考的?今天这篇文章以“我要买一部手机”为例。带你从零开始认识交互设计师的思考方式。

交互设计是什么?

我们常常说“我们是用户的代言人,以用户为中心做设计”、“交互设计是信息设计+行为设计”等。我们需要明白,这些定义是设计师在自我视角下从不同维度对交互进行的定义。

我们是在一个商业机构做一个商业行为,所以设计行为是带有一定的商业目的,设计的价值也体现在商业价值的实现上。

所以,在以上大前提下来看设计: 设计是为了达成一定的商业目标服务的,设计本身是我们的表达手段,在达成业务及用户目标的过程中需要一定的设计指导准则以达到优秀的使用体验。

日本80后新锐设计师严选,这才是日本风格(上)

用心设计

日本设计一直被大众奉为圭臬,在亚洲区域极具指针,并且拥有强烈的文化特色,许多视觉会让人不禁说出「日本风格」这样的感受。在现代化驱动的现今,许多国家渐渐失去文化代表性,尽管日本也深受欧美文化影响,但在现代风格的作品中,仍然可以展现传统文化的氛围,从新一代的设计师身上,也都可以看到这样的特质,在西方与东方中找到完美的平衡,并适当的展现文化的独特性。本篇特别搜集整理了几位不同风格的设计师作品,要来与大家分享所谓的「日本 style」!

日本80后新锐设计师严选,这才是日本风格(上)

学会用这5个正确姿势阐述你的设计作品,轻轻松松一稿过!

资深UI设计者

设计风格是一种很虚的东西,对于大部分的 UI 设计师来说,都是如此。

相信很多人都是在一家小型的互联网公司做设计,估计还是公司唯一的设计师,同时对设计风格又拿捏不定,总感觉是跟着产品经理或老板的思路去做设计。比如老板的要求是“大气”,谁 TM 知道这“大气”指的什么鬼?

即使花了不少时间去研究其他公司的产品,依然做不出领导满意的视觉稿,最后还被各个岗位的同事指点着去修改你一把屎一把尿喂大的稿子。

我上面也说了,其实这种事情(讲述设计风格)对于视觉设计师而言是一种很常见的现象。我身边也同样有很多设计师出现这个问题,不知道如何向领导或客户讲述自己的设计风格。

学会用这5个正确姿势阐述你的设计作品,轻轻松松一稿过!

周周

设计风格是一种很虚的东西,对于大部分的 UI 设计师来说,都是如此。

相信很多人都是在一家小型的互联网公司做设计,估计还是公司唯一的设计师,同时对设计风格又拿捏不定,总感觉是跟着产品经理或老板的思路去做设计。比如老板的要求是“大气”,谁 TM 知道这“大气”指的什么鬼?

即使花了不少时间去研究其他公司的产品,依然做不出领导满意的视觉稿,最后还被各个岗位的同事指点着去修改你一把屎一把尿喂大的稿子。

我上面也说了,其实这种事情(讲述设计风格)对于视觉设计师而言是一种很常见的现象。我身边也同样有很多设计师出现这个问题,不知道如何向领导或客户讲述自己的设计风格。

说个现象,仔细想想自己是不是这样的:我们在做视觉评审的时候,设计师讲述的常常是文字对齐、线条、高斯模糊、图片大小等视觉表现,有时候甚至沉醉于 icon 的角度及尺寸的问题。面对于产品经理与程序员的质疑只能说:我觉得这样更好看、这样比较适合我们产品的风格…之类的话。要知道,这些理由在如今这个以显性数字指标为衡量标准的互联网时代已显得苍白无力。

实话实话,想要把设计风格讲清楚,的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯,毕竟现在的移动产品从视觉表现力方面正在逐步降低要求,这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因。

为什么要用这个颜色,为什么要用线条、模糊、留白、卡片、阴影…说这么多干嘛?别人能懂?即使听懂了,他也会从他的角度来告诉你:那我觉得这个阴影不要会更好。你怎么回复?

留白在网页设计当中的运用

用心设计

留白,也可以称为负空间留白并非只是简单的指白色空间部分,它也可能是同个网页下的各个元素的空白空间。

这样的留白可以体现在多个地方,比如:幻灯片、区块边距、布局、行距、图表等。处理留白比较考验设计师的设计能力,留白可以打造简约的风格特点,而在哪里留白就显得比较重要,它不仅是调节界面的视觉审美效果,更是要凸显主体,达到留白的最终目的。

留白处理不当很容易变成单调乏味。所以留白需要设计师拿捏好尺度。


留白在网页设计当中的运用


这些悬浮动效的常见玩法你都知道吗?

周周

动效是如今UI设计中的重要组成部分,也是目前最热门的设计趋势之一。在之前的《在现代网页设计中,动效有哪些常见的用法》这篇文章中,我们探讨了动效对于交互和用户的重要意义,动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停,这也是近年动效设计的热点之一。

正是由于Material Design 和苹果所引领的动效设计风潮,许多曾经有过的设计技巧和元素正在逐步回归,而悬停就是其中之一。但是相比于曾经那些闪烁弹跳的,现如今的光标悬停来的更加微妙,更加强调功能性和体验。

和其他动效相似,光标悬停让交互的引导性更强,有的还带有预览的作用,它的使用范围非常广,大到全屏,小到提示和导航元素,不一而足。

接下来,我们通过实战案例看看,光标悬停目前有哪些创新的玩法。

首页动效

学御风而行

蓝蓝设计的小编

蓝蓝写

朋友送我了一本书,还有蔡志忠的亲笔签名咧。一开始书中的就讲了生死、快乐的答案,解答了我最近思考的问题,我迫不及待的想把它看完。

书中有一个小故事印象深刻,讲的是列子讲拜壶丘子为师的过程:经过三年的磨练变成了心中不敢有是非的念头,口里不敢说利害得失,五年之后又变成了另外一种心念是非,口言利害的心境,才博得老师会心的一笑,七年之后已经达到从心所念而无是非对错,随口所言而无利害得失了,老师才要我和他并膝而坐,九年以后任由我心中所想,口中所说都不会涉及是非利害了,那时只觉内外如一,体光通明,心神凝聚,骨肉融化,不知不觉随风飘浮,忽东忽西,可以御风而行。

列子斥学生尹生:而你,现在拜在我的名下为弟子,却怨愤不满,你的身体天地都不会接受,四肢任何部分都无法载动,又怎能飘浮起来呢?

当心中不再存有人的利害是非,就能与大自然结成一体,成为大自然中的一部分,也许你就是山,就是海,就是天空了,更何况是风呢!

这段话刚读到的当时当刻在我的心里面有很大的震动。三年五年七年九年,所达到是非利害的不同的境界。最初的不敢言,到可以言,最终到达无是无非无对无错无利害,可以超凡脱俗,身体轻盈御风而行,洒脱于天地间。

我现在的境界,也就是在学习到三五年之间吧!

说利弊,说是非,其实会让人与事很沉重。无论在家在业中都不够通达。

要想当仙女,要能从容,能容,欣赏,通达,才可以御风而行哦。

发现最好的你-设计中如何打造最合适的组件

用心设计

模块大家应该都不陌生,任何一个完整的界面,都会有多个功能模块,而每个模块内有相应的组件,每个组件中又有相应的元素,其中任何一点的变化,都会使用户对产品的认知发生改变。

 

发现最好的你-设计中如何打造最合适的组件


日历

链接

个人资料

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

存档