网页设计的10个灵感来源

网页设计的10个灵感来源

能够激发我们创作优秀网站的,不仅仅是网页设计! 这世上几乎每一样你身边的事物都能对你有所启发。你总是无法预料什 […]

2014-11-06

能够激发我们创作优秀网站的,不仅仅是网页设计!

这世上几乎每一样你身边的事物都能对你有所启发。你总是无法预料什么东西会点燃你创意的火花,我经常发现一些最常见的事物能让我从新的或不同的角度来思考项目。这里我们介绍10种我最爱的网页以外的设计灵感来源

大自然

网页设计 网站设计 网站配色方案

网页设计 网站设计 网站配色方案

思考设计的最佳地点之一就是户外。看看自然界这些伟大的图形和色彩搭配。就我个人而言,我喜欢从花卉中汲取配色灵感

这株秋天的三色堇可以作为新项目配色的出发点,伴以明亮(且对比鲜明)的颜色营造出的各种怦然效果【作者这里似乎忘记配图了,说好的三色堇呢~】

音乐

虽然很多设计师都会赞同,听听小曲是挑逗设计的绝佳方法,不过音乐中也能有其他收获。想想你听不同风格音乐时,所感受到的形形色色的情感。收听吻合你项目基调氛围的音乐,可以稍稍激发一些灵感。听音乐时保持思维跳跃,将你大脑在听音乐时创作出的画面用作项目雏形的基准

网页设计 网站设计 网站配色方案

我也喜爱音乐作品背后的创意和思想。专辑封面(甚至包括电子形式)是个有趣的启迪思维、迸发创意的方式。我最喜欢的一张是极简风格的Jay-Z的The Hits Collection Volume One(它有着扁平风格的设计,并且在当前趋势流行很久以前就发行了)

 艺术

网页设计 网站设计 网站配色方案

设计真的就是艺术或创意表达的另一种形式,参考其他艺术形式能够充分帮助你推动项目进行。不过别拘泥于最浅显的那层含义——参考美术作品。雕塑也是一个极好的灵感来源。贴近观察它们的形状、物体的连接和相互作用,然后头脑风暴出规划网站的新途径

其实,所有的法则或规律都需要设计师们的弹性使用,生搬硬套可能只会适得其反。以下是我们为大家搜集的值得借鉴的图文混排案例,供大家评论欣赏。

1、第一个案例是AnyForWeb为Nature House设计的图文交错的一种新形式。案例图片中的每一个字母或是小图片都会随着鼠标的悬停产生效果,由图变字,这样的设计不仅让图文之间的搭配变得更加生动,也增加了用户浏览时的趣味性。

网页设计 网页设计师 网站建设

2、The Tech Beach的网站背景利用了Metro的设计风格,担心太规整?所以设计师将透明度较高的泼墨形状色块放在页面中间位置,文字重点和logo浮在色块上方。这样的图文搭配模式能让用户很自然的领会浏览时的先后顺序。

网页设计 网页设计师 网站建设

3、Anyi Lu的巧妙之处在于留白部分。案例网页中的留白在中间的位置,看似文字和图片被一分为二了,但从心理角度上来说,这样做其实更加能激发用户连结图和字之间联系的好奇心、在单色底色的映衬下,幽灵按钮的设计也变得很抢眼,更有利于用户点击。

网页设计 网页设计师 网站建设

4、Moon Camp彻底把文字和图片混合在一起。这种做法成功与否不仅取决于整体页面的布局,色彩的搭配也是个很关键的因素。网页色调属于昏暗系,所以设计师选择了星空色作为字体的颜色,与网站风格吻合,文字的不规则排列也让网站多了一份神秘感。

网页设计 网页设计师 网站建设

5、Zizzi Ristorante的网站第一眼可能会觉得有些凌乱,但用户的视线最终还是会聚集到枚红色框内的内容上。单从布局上来说,这个网站并没有什么过人之处,但仔细一看,我们不难发现其实网站中图片的占比很少,按照常规的做法,页面会变得很单调,因此,设计师最后用一些色块或是图形巧妙地化解了这个不足,无形中完成了图片与文字之间的完美合作。

网页设计 网页设计师 网站建设