首页

如何在界面设计中“色”诱用户?

用心设计

在设计过程中,如何最佳地搭配颜色,诱导用户视线?是不是在为图标选择什么颜色而烦恼,反反复复地尝试,总不能达到想要的效果。是不是总在羡慕“别人家的设计”,而苦于无从下手?其实所有的颜色都有些小规律,今天 就和大家聊一聊“色”。

作者微信公众号:MICU设计

micu20150820 (1)

超实用的APPLE WATCH 模板

用心设计

虽然目前Apple Watch的销量趋于平稳,但是从大趋势上来看,它依然是年度最热的产品之一。随着9月的临近,新一代的Apple
Watch 已经不远了。热门移动端应用的Apple Watch 版先后推出,促使越来越多的设计师开始为Apple Watch APP
制作概念设计稿以及相应的设计素材。

在过去的一年多时间里面,Behance 和 Dribbble 上开始出现大量的Apple Watch 应用设计稿,这些复杂而具有开拓性的UI设计稿拥有着难以置信的外观和令人难忘的奇思妙想。如果你对于Apple Watch同样保持热忱的话,不妨看看下面的设计素材,这些模板、线框图和原型可以让你快速开始新一轮的产品设计

WATCH APPS CONCEPT

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

博博

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块钱,郁闷之余,想到微博上可能有这方面的人才,抱着碰运气的想法,到上面搜了网页设计,第一个推荐的就是优设,跟着到官网看了一下,感觉“哎呦,这网站像正品”就关注了。

在设计中建立视觉层级

用心设计

在设计网站的时候,图片资源会在很大程度上帮助你设置站点,以及颜色,排版或者更多内容的基调。如果图片视觉元素没有和设计正确的结合,他很可能会破坏你原本想呈现的感觉。

日历

链接

个人资料

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

存档