留白艺术,让你的设计有呼吸感

留白是艺术设计中需要遵循的重要视觉准则之一。网页设计中留白使元素之间保持距离,拥有呼吸的空间。下面放几招留白要点。

空白不代表无用

一些人可能认为页面上的空白越少越好,为了放尽可能多的文字,图片等信息,或者为了缩小整体版面。其实不然,页面上元素越多越容易混乱,让人找不到正确的阅读顺序(视觉流线)。所以页面需要充分的留白,当然过多留白也不好,需要找到一个平衡点。

一般来讲留白过多比留白过少要好一些。所以设计时多调整,看哪一种比较舒服。

artistic-credibility-in-web-design-03
阅读全文…

教你设计一个顶尖的“联系我们”页面

网站内页的模式有时候不完全一样,做出精致的独特内页需要花费额外的精力。通常我们把首页作为基本模板,以模板做网页非常方便,尤其是当网页内容还会不断扩展增加时。

下面举例说明如何设计一个崭新的联系页面,可用于个人网站,也可用于大一点的公司网站。本文内容侧重于创建精美联系页面的特定的趋势和设计技术。

简化联系表格

01-yummygum-contact-page-form-design

阅读全文…

你不得不关注的2015年网页设计趋势(下)

本文为下篇,上篇直达:你不得不关注的2015年网页设计趋势(上)

6.方框减少

网页设计师总是喜欢炫耀自己的思维能够跳出框框,而且能以不止一种方式跳出方框。姑且称之为“画一个框框然后证明你能打破它”理论。矩形显示器本身就是对网页设计师的束缚(别说你见过圆形显示器)。网页上的每个HTML元素也是方形的。

但是跟大多数人一样,设计师不喜欢被束缚。下面提供据我判断目前处于上升期的几个趋势,可以作为证明你不是矩形奴隶的长期战略计划。

就像不存在矩形边框一样去设计布局

1422939018Circles_Hexagons_Iirregular_Shapes

阅读全文…

25个你会一眼爱上的水平滚动网站

绝大部分网站是垂直下拉式,我们也已经使用习惯。那么水平滚动网站就显得独特有创意。如果你想让浏览者过目不忘,那么水平滚动肯定会帮上你。其实水平滚动适用于任何需要展示纷繁图片的创造性的领域,如摄影,设计,绘画等等。

水平滚动技术看起来像以一个创造性的方式告诉你关于品牌的故事,或者好像轻易把你卷进了一场在线游戏。我在这里推荐25个梦幻般的水平滚动的网站,相信它们会给你留下深刻的印象。有一个小小的提示:浏览时小鼠标动起来。

Q&H London

阅读全文…

你不得不关注的2015年网页设计趋势(上)

这篇文章我们讨论的是2015年新兴的设计趋势。作为设计师的你,你可以通过这篇文章发现新的灵感。

1.大屏幕体验

1422935855Big_Really_Big

阅读全文…