首页

打开网页就能用!在线专业修图神器泼辣熊新鲜出炉

博博

编者按:今天给同学们安利一款在线神器,是优设长期合作后期高手@他山之眼 同学联合他人开发的泼辣修图,简直就是移动军火库,打开网页就能体验到Lr一样的专业图像处理体验,无论是救急,还是长期使用,都值得收藏起来 >>>

设计师必须掌握的贝塞尔曲线的秘密

博博

有没有观察过你喜欢的插画师们未完成的作品?仔细观察,你会发现他们非常着迷于调整贝塞尔曲线的手柄(也就是钢笔工具画出来的曲线啦~),并且力图让调整曲线的手柄尽量水平或者垂直。为什么呢?

我想通过这个教程,为力图探寻此道的设计师们打开一扇门,指引方向。当然,首先你熟练使用AI和PS中的钢笔工具才行。

指导最近我才开始探寻这些操作的意义,并且力图去发觉插画师们为着迷于此。事实证明,让手柄保持水平和垂直可以为调整曲线省下一大堆的时间和精力。

传递数据背后的故事——图表设计

用心设计

图表设计是数据可视化的一个分支领域,是对数据进行二次加工,用统计图表的方式进行呈现。数据是事实或观察的结果,是对客观事物的逻辑归纳,通常一 个具体的数字比一个模糊的说法更加具有可信度和说服力。但单纯的数字本身并不能提供足够的影响力,假设一个淘宝女装卖家3月份的成交金额是50万,这个数 据本身并不能说明什么问题,但是当你加上4月份60万,5月份的成交金额70万等多个月的数据,通过折线图的方式呈现,可以判断出成交金额是上升趋势,再 结合去年同时段的销售曲线进行对比和其他维度信息的补充(图1-1),可能推断出是因为换季所带来得销量增长,店铺可以考虑加大夏季款的上新。所以我们说 图表是解读数字的一种强有力的手段。

图1-1

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

日历

链接

个人资料

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

存档