首页

8个在网页设计中即将被淘汰的趋势

博博

时代一直在变,一个又一个的创新让我们感到惊讶万分。网页设计的趋势如同流星,光芒耀眼,但来得快、去得也快。虽然跟风很不好,显得毫无设计主见,但很多设计潮流确实值得追随。就像当下响应式设计、扁平化设计、以及滚动视差等。

可是呢,还有很多极为”糟粕”的设计趋势,本文一一列举,请君对号入座。

 

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

博博

image-format-webp-introduction-1

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

想跟上大潮流,这篇热门好文少不了:《我的征程是未来!带你展望2015年最重要的网页设计趋势》不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值且值得探索的事情。

眼前一亮!25个令人心动不已的全屏网站欣赏

博博

来源:优设网

Draftfcb

全屏背景网站是吸引访客的方式之一,且适用领域非常广。

平常网站,讲究字体、排版、配色等等。但对于全屏网站,一个漂亮的姑娘 or 帅气的小哥出境显得尤为重要。今天我们收集了30个优秀的全屏网站案例,如你所见,美女帅哥总是让人眼前一亮 :)温馨提醒:看完这些网站,可能童鞋们的心开始小鹿乱撞了。在此奉上静心丸一枚:多读书,读好书。总监级设计师推荐阅读→ 《设计师必备图书目录》

Ditto Residential

Ditto Residential

 

26个来自英国最优秀的网页设计

博博

the-best-england-website-1

如果你也着迷英伦风,那么你一定那句耳熟能详的“Keep Calm and Carry On”,这句著名的标语可以向上追溯到1939年。随着英伦风在世界范围内的流行和网络的快速发展,这句话也出现了许多变种,比如设计师的版本:“Keep Calm and … Design”。这些有趣的文化现象,不仅激发了英国人的创意,还间接催生了许多优秀的英国网站。

作为一个历史悠久也独具个性的欧洲国家,英国有着丰富的文化和艺术遗产,如同“Keep Calm and … Design”这样古典与现代互动式的设计对英伦设计师而言简直是信手拈来,和谐自然。除了这种独特的创意特征之外,英国网站还有一个独到之处:来自英格兰、威尔士、苏格兰和爱尔兰的艺术家的紧密合作,将不同地区的文化艺术都融合到了网站里面。

配色弱的进来!如何巧用色彩打造动人心弦的网页设计

博博

color-psychology-web-design-1

色彩心理学被广泛地运用到各个设计领域,这早已不是什么秘密。从日常的杂货到LOGO设计,色彩所起到的作用越来越大,它是给用户传递信息的最重要的因素之一。

根据Kissmetrics 的说法,当我们看到一个色彩的时候,信息会传递到大脑的下丘脑的某个区域中。接下来,信号会进一步传递到脑垂体,然后到甲状腺腺体。这也就意味着,色彩会刺激大脑和腺体分泌激素,引发出我们的情绪反应,并影响我们的行为。

科学研究表明,色彩会影响情绪,会招致正面的情绪,也能带来负面的影响,有的时候带来的情绪与实际要的并不匹配。Kissmetrics 接着补充道,网站的访客通常只需要大概90秒就能针对一个网站作出判断和选择,而在者其中,有62%~90%的因素是取决于某个产品的色彩。

紧跟潮流之布局篇!2015年至关重要的四种排版趋势

博博

2015-4-essential-layout-trends-1

编者按:让网站布局创意爆棚!互联网变化千千万,排版模式不离其宗,但总有些非同寻常的布局创意惊艳到我们,它们也最有可能风靡2015年,今天@十萬個為什麽同学总结了即将流行的四种排版趋势,一起跟上来吧!

2015即将流行的设计趋势:

近十年来,互联网已经发生了翻天覆地的变化,然而它其实一点也没变。如果看看10年前,我们会发现大批网站都有一套通行的排版模式。页头、页脚、侧边栏和内容区域,构成了这种直截了当的布局。这是人们预期中的网页排版。同时期Macromedia Flash的兴起,引领其他排版方式进入了一个新的时代。布局不必再拘泥于固定格式。当然,随着FLASH的衰退,这种方式也稍稍淡出……我说稍稍,是因为它如今又卷土重来了。

如何写好一份设计文档

用心设计

Flow流程图也是一个常用工具,可以总结出不同场景下用户使用产品的流程和步骤是怎样的,可能产生怎样的分支需要在设计中考虑到,在哪些地方可能产生较大的流失,步骤是否可以合并优化,能否抽象出通用的流程来构建框架设计等。

wireframe_kit_free_05

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

用心设计

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

作者微信公众号: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

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

日历

链接

个人资料

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

存档