首页

写给刚入行的设计师:如何寻找设计灵感?

博博

ca71ddfe49837002f6bd7052d4a1023f5b508cf5292c8-Ubw1CE_fw658

基于上一篇文章《毕业生必看!刚入行的设计师如何敲开大公司的门》的发表,收到了很多很多朋友的反馈和留言,几天之间微博,微信平台和我的专栏多了数以百计的设计师朋友的关注和留言,一时之间觉的自己的一篇文章真的帮助到了很多的年轻朋友,这样让我也思考到底什么样的经验分享最能帮助到有困惑的设计师朋友,所以这一次的文章,我想和大家聊聊年轻的设计师在没有那么多经验的情况下如何寻找设计师灵感。(希望这篇文章也能帮助感同身受的你) 每个设计师对设计都有自己的认知,有人把它当艺术,有人把它当手艺活,有人把它当技术,也有人把它当商业实现,我认同的是,当你还没有成为大师之前,设计都只是一个职业而已。商业和艺术的交杂,但是商业的部分远远大于艺术那部分,千万别太把自己当回事。

浓缩的精华!从零开始带你认识的图片格式WEBP

博博

image-format-webp-introduction-1

编者按:相信走在前列的设计师已经知道了WebP这种图片格式,比起JPEG、PNG 和 GIF ,它能在保证图片精细度的同时缩小图片体积,在 Google 的明星产品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影,今天腾讯的同学@Hahn__ 研究后总结了一篇深度技术文《WebP 探寻之路》,不落人后,来学习吧。

想跟上大潮流,这篇热门好文少不了:《我的征程是未来!带你展望2015年最重要的网页设计趋势》

前言

不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值且值得探索的事情。

网页设计新趋势!教你轻松玩转设计中的纯色和渐变效果

博博

color-effact-1

编者按:纯色和渐变在高手眼里不仅是颜色的组合,它们可以引导视觉焦点、渲染氛围、传递情绪等等,是网页设计新的一个流行趋势。想运用好它们,最要紧是在色彩搭配与透明度上下功夫,今天由一群设计师高手用真实案例给同学们上课,教你正确地利用它们。

在当今这个充斥着先进的和精妙风格的世界中,谁曾料到,像纯色和渐变这样简单的手法,竟能够催化出创造力,并极大提升网站的美学水准?现代网页设计师们,证明了优雅的插画、精致的图形和壮丽的照片,都能在彩色滤镜效果下很自然地得到强调。气氛焕然一新,网站开始变得光彩夺目。的确,它有助于解决某些问题。

网页设计新趋势!教你轻松玩转设计中的纯色和渐变效果

首先,彩色滤镜能给网站耳目一新的外观,却不会增加负担 。其次,它通过搭配传递各种情绪的色彩,很好地丰富了设计。第三,作为一层低透明度的遮罩,它不会掩盖主背景的魅力,对于想要轻微淡化轮播图或视频区域,却仍希望其吸引力不减的人 ,这点尤其有用。最后,它为前面的内容提供了坚实的基础,兼顾了可读性。

这种方案能非常协调地与各种元素协作:提供强烈反差的白色、极受欢迎的扁平风格元素,还有为项目增添精致微妙感的轮廓式图形。

这里有些杰出的网页设计,示范了如何正确地运用这项技巧。

2015年最有价值的30个响应式WORDPRESS主题

博博

2015-30-best-responsive-wordpress-themes-1

必须承认,Wordpress依然是目前最流行、最易用的内容管理系统,合理地使用Wordpress主题能够让你的网站化身千万,适应不同需求,不论是新闻门户,还是时尚小站。

也正是这种强大的可塑性,使得用户对于Wordpress主题有着极为旺盛的需求。经典的Wordpress主题被人追捧,新的趋势和需求也促使新的主题问世。这也是为什么每逢年底都会有年终Wordpress主题大赏,每年年初又会有许多用户到处搜罗新的主题。

今天的文章,就帮大家总结了一下2015年截至现在最值得入手、最有价值的响应式Wordpress主题,希望能给你帮助!

从菜鸟到高手!PHOTOSHOP抠图全方位攻略

博博

来自微博网友:@小丑出品

这才是我学习Photoshop的动力啊!如果你对此也有着狂热的兴趣,那就继续读下去吧。攻略分为三部分,

基础篇

  • 最常见的几种抠图方法
  • 切图绝技之抠图大法
  • 教你使用抽出滤镜

实例演练

  • 抠头发丝的技巧
  • 简单几步抠出火焰素材
  • 利用通道抠出婚纱人像

神器推荐

  • 在线抠图神器
  • 万人好评的神器Kockout

同学们可以自己选择对应的部分学习 :)

基础篇(一)

最常用的抠图方法:

一、魔术棒法——最直观的方法

适用范围:图像和背景色色差明显,背景色单一,图像边界清晰。

方法意图:通过删除背景色来获取图像。

方法缺陷:对散乱的毛发没有用。

设计师的必备技能!你需要学会设计有意义的动效

博博

provide-meaning-with-motion-1

编者按:关于动效设计,我们探讨过很多次。直到现在,我们越来越清楚地意识到,动效设计已经无处不在,已经成为了设计师们必须掌控的一个重要技能。参加过今年的Google I/O大会之后,设计师Paul Stamatiou 也充分认识到这一点,并撰写了这篇博客。这篇文章是一支号角,动效设计在过去还是趋势,但是从此刻开始,它成为了我们必将面对的新阵地。

在今年的Google I/O大会上,我参加了一个小的讨论小组,一同探讨跨平台设计所面临的挑战。这次讨论的内容信息量非常大,就像第一次去拉斯维加斯的那种目不暇接的感觉。这次Google对Android上进行了许多令人振奋的改进,比如电池省电模式和全新的锁屏通知,许多设计比之前的第三方插件都要来的优秀。

优设编辑的工作是怎样的?

博博

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

how-uisdc-editor-work-1

来优设一年多了,前几天优设哥跟我说可以聊聊自己的工作,今天花了一点时间写出来,与同学们共勉。

幸运就像七彩祥云

先说一下我跟优设的结缘。

那时候很喜欢一个作家,将他的作品、访谈、书信都看了又看,还专门新开了一个微博,每天发一点他写的东西。有一天在凤凰网上看到他的专题:

QQ截图20141111131534

突然就有了个想法,为什么不创建一个网站,把路遥老师相关的作品资料都搜集起来,作为祭奠呢?

当下就有了自学的动力,于是百度找教程,从各个网站转战到贴吧,始终没有发现一个像正规军的网站,在贴吧还让一个“高手”骗了10块钱,郁闷之余,想到微博上可能有这方面的人才,抱着碰运气的想法,到上面搜了网页设计,第一个推荐的就是优设,跟着到官网看了一下,感觉“哎呦,这网站像正品”就关注了。

交互设计实战!TAB导航与侧边抽屉导航的巅峰对决

博博

tab-vs-drawer-1

编者按:本文作者Anthony Rose,是社交网络电台Zeebox的联合创始人及CTO,文章不仅分析了侧边栏导航和Tab导航的利弊,还有改版过程进行A/B test  的详尽过程,且最后也给了建议,读完能对这两种导航有清晰的认识,非常有价值的经验分享 :)

================正文分割线================

设想你需要设计一个含有许多页面和模块,不能在一屏内显示完全的应用。你一定会首先想到去设计一个底部或顶部的Tab导航。等一下,多出来的一排导航看上去有点碍眼?我们尝试下把他们收到侧边栏里,或者叫安卓团队给它的名字“侧边抽屉导航”。

如果你们的应用的也是多视图的,在你们的团队里,以下话题一定常常引发激烈讨论:

是把导航选项都显示在屏幕上,让你们的用户可以清晰认知app结构,并避免多余操作才能发现;还是使用侧导航让主屏的显示区域更大些。

目前,侧导航在安卓设备上比较流行,而iOS平台上使用的还不是很普遍。所以我们的讨论还要面对一个问题:安卓和iOS应用是不是有一样的用户习惯,适用一样的导航模式?

我想,在这里分享下我们的经验是很有价值的。

可用性 vs. 干净的设计

交互设计实战!Tab导航与侧边抽屉导航的巅峰对决

当第一次开始zeekbox项目,我们使用了顶部的tab导航。我们的理由很简单“看不到的不记挂”。既然你第一眼看不到这些入口,那么也许你也就不会知道它们在哪儿。

超赞!每个设计师都应该了解的IOS编年史

博博

文章略长,不过肯定是考据狂和狂热粉的最爱,你是从哪一代开始追iOS的呢?

Visual guide to iOS new

2007年1月9日,乔布斯向世界展示了iPhone一代,这是这位已故传奇向这个时代馈赠的最佳礼物,同时也预示着,一场精妙绝伦的大戏正式拉开帷幕,iPhone,iPad以及Touch对”移动设备”进行了重新定义。更华丽,也更具人性化。

世界变幻莫测,那时候的移动操作系统中,iOS只是个”小字辈”,资历尚浅,到了今天呢,多少操作系统黯然消失在我们的视线中,而iOS俨然成为了操作系统江湖的”老字辈”。

老,并不意味着iOS失去创意了,恰恰相反,iOS以崭新的姿态继续前行。随着逐年的增强和提高,iOS已经变成了市场上最具个性、支持最广泛的操作系统。

iOS6,经过数年的磨砺,已经无限接近拟物设计的最顶峰,用隐喻设计引导者用户,操作简单易懂。而且多平台(iPhone、iPad)上的体验相对一致,对于开发者和设计师来说,这都是一个理想的”温床”。

再想一个问题,比较一下iOS1和iOS6,你会发现还是拥有很多共通点的。苹果像是一位颇有耐心的面包师,慢慢的烘焙,花了数年时间,为我们特制了一款色香味俱全的”苹果派”,你想想其他操作系统的做法吧:无限的功能蔓延,蔓延来蔓延去,淘汰了一批,又新来了一批功能。

这是个怪圈,苹果很明智的没有选择这种道路。iOS努力的保持着整体的一致性,与此同时又不放弃前卫创意,难能可贵。

而今年的9月18日,iOS7发布——新的启航。

来看看iOS的历史,看看苹果是怎样一点一滴进行优化、完善的。

从OS X中蔓延出来的IOS

在iPhone早期的声明中,我们会发现会叫做”iPhone OS”。

刚开始的时候,苹果内部争论不休,他们在考虑是否要和Mac OS X一样使用Unix内核,这样做会保持新手机的系统和OS X的一致性。

但是,这毕竟是一个完全不同的新品牌,应该有所区别。因此,采用Unix内核的操作系统被命名为”iPhone OS”,这个名字一直使用了4年。直到2010年六月发行iOS4的时候,出于简化的目的,开始称之为”iOS”

iOS 1: iPhone诞生

Iphone-2g-555

虽然现在很难以想象当时的情形,但是当iPhone1公布的时候,如果严格比较功能的话,iPhone落后他的竞争对手一大截,Windows Mobile,Palm OS,Symbian,BlackBerry的操作系统都有一大堆功能,远超iPhone。

细节里的力量!11个极度专注细节的优秀网页设计

博博

11-websites-focusing-on-details-1

著名的室内设计大师Charles Eames曾说过,“细节并不只关乎它们本身,它们还构成了设计。”的确,每一个网页都是由无数的细节构成,而其中的内容也是同样由这些细节连接组织到一起。不论是提供信息服务的网站,还是APP的官方宣传页,任何一个优秀的网站都能够经受得起挑剔眼光的洗礼,从图片到布局,从字体到架构。

网页设计的细节至关重要,因为正是它们给用户留下好印象,这些细节支撑起网站的良好体验,提高易用性。正如同Eames所说,它们成就了设计,不注意细节会让设计感流失。

优秀的网站有着不一样的亮点,但一样地专注细节:《这样才过瘾!2014年最佳网站评选结果出炉

接下来,我们一同看看这11款设计惊艳的网站。它们的好设计源于细节,有的界面雅致,有的交互出彩。深入揣摩这些案例,也许你的下一个网页设计作品会非常强大。

THE SPEED OF BASECAMP’S PASSWORD VERIFICATION

Basecamp 是一个基于网页的项目管理工具。正如同它的介绍,速度和效率是至关重要的。

这是网站的验证界面,设计师巧妙的事先隐藏了确认的按钮,只有当你输入了正确的验证码之后,OK按钮才会出现。这种措施不仅提高了网站的性能,还通过让按钮从无到有,将“验证码正确”的概念具现化,触动用户,增加成就感。

COLOPHON PRACTICED BY NEOTERIC DESIGN

在欧洲,在书中使用Colophons(题跋)可以追溯到15世纪的时候(中国就早很多了),不过这个网站是为了将其运用到网站上去。这次,Neoteric Design分享了他们网站的制作笔记——各个部分的功能,从字体软件到编程语言和内容管理系统。如果访客想知道一个网站是如何构建起来的,那么这个带题跋的笔记可以帮助用户方便快捷得了解这个网站的构建过程,满足好奇心。

 

日历

链接

个人资料

蓝蓝 http://www.lanlanwork.com

存档