马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 网站制作 > 网站设计 > 寻找网站设计理念及灵感的10个来源

寻找网站设计理念及灵感的10个来源

时间:2014-05-21   文章来源:马海祥博客   访问次数:

一个好的网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此,在网页创作的时候就必须将网站的设计理念与网页设计的相关原理紧密结合起来。

网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来,其中,最难的莫过于网站设计的灵感,不知如何下手,其实,只要你能留心观察,你会发现围绕在我们身边的所有东西都可以激发我们的网站设计的灵感。在此,我就借助马海祥博客的平台跟大家分享一下网站设计灵感的10个来源:

1、大自然

寻找网站设计理念及灵感的10个来源-马海祥博客

当你的设计思维遇到阻碍,一时无法思考设计的话,最好的方法就是到户外多看看,看一看大自然中所有神奇的形状和颜色的组合,或许能给你带来不一样的设计灵感。

2、摄影

寻找网站设计理念及灵感的10个来源-马海祥博客

对于网站来说摄影可能是一种显性灵感来源,但是它的应用却没有你想象的那么频繁。

如果你有一张很棒的图片可以为一个项目服务,不要仅仅把它当成灵感来源,去真实的使用它吧。大力发展你的设计,并聚焦于这些优秀的图像,不过要符合网站设计的原理,关于这点大家可以通过马海祥博客的《网站设计的重要因素及注意事项》相关介绍来详细的了解。

另一方面,如果你的手边没有任何图像,可以看一看摄影的世界寻找点想法。当你觉得自己遇到了一些设计障碍的时候,可以转而看看像国家地理、Jill Greenberg和LevonBiss这样的地方,这些站点的设计主要就是围绕照片展开。

3、音乐

寻找网站设计理念及灵感的10个来源-马海祥博客

很多设计师都会同意一点,那就是听音乐是一种很好的让设计丰富多彩的方式,同时音乐还有很多其他作用。想一下当你听不同类型的音乐时,它们总会让你感觉到混合而复杂的情绪。你可以收听一段与你的项目氛围相匹配的旋律,它会为你的项目增加一点灵感。听音乐的同时,让你的思绪随之而动,并且将在听歌过程中你脑海中浮现的画面作为产品的基础轮廓。

我也很喜欢在音乐艺术蕴含的创造力和想象力。专辑封面(即使是数字形式的)是一个有趣的颠覆,可以用其开启创造性的思维。

4、艺术

寻找网站设计理念及灵感的10个来源-马海祥博客

设计真的仅仅是艺术或者创造性表达的其中一种形式,看一看其他的艺术形式可以切实对一个项目的推进起到很大帮助作用,尤其是字体的设计(具体可查看马海祥博客的《如何个性化设计字体的风格》相关介绍)。

但是不要恪守惯性思维而仅仅去看画作哦,雕塑也是一个灵感的神奇来源。密切观察一下形状和物体互相连接、作用的方式,来脑暴出规划你的站点的新方式。

5、时尚

寻找网站设计理念及灵感的10个来源-马海祥博客

T台、时尚秀场和杂志是一个观察颜色、比例、图案的流行趋势的很棒的地方。然后你就可以将这些概念用于网站设计。

时尚设计师在秀中使用比例可以帮助你思考以一个大(或小)的方式来创建产品,颜色和图案则是你要去观察的最有风向标的东西。很多我们在网站上看到的背景纹理都是取材于布料纤维或者服装图案。

用时尚元素激发灵感还有一个问题要注意一下,那就是网页设计师往往需要花费一点时间去把握住流行趋势。

但这可以成为一个走在前沿的很好的方式,并且帮助我们开始思考接下来会发生什么(具体可查看马海祥博客的《现阶段网页设计潮流的趋势和风格》相关介绍)。

6、包装

寻找网站设计理念及灵感的10个来源-马海祥博客

包装设计可能是一种最容易被忽视的设计类型了。想想有多少次你打开一包口香糖或者扔到一个饮料瓶时,甚至都没有想到去看看它长什么样子。这些物品通常都格外优秀,因为可供它们使用的空间往往非常小。

所有的信息都要以一种可读性很强的方式记在一个小标签上,多看一下这种类型的东西可以切实的帮助你怎样规划小空间。包装也有很多形状和样式,帮助我思考呈现内容的不同方式。对于设计来说,马海祥觉得所有东西也都不是非得做成规规矩矩的矩形的样子!

7、食物

寻找网站设计理念及灵感的10个来源-马海祥博客

虽然有很多反对者对于instagram上的美食图片是绝对厌恶的,但是这些简单的图片确实令人精神振奋。

这些食物的颜色和形状确实组合的非常棒。基于某些原因,寿司的照片可以切实引发我的思考,可能是因为颜色和圆形的物体。多看看食物可以帮助你简历一个和食物相关的网站或者和食物完全不相关的一些什么。

8、老物件

寻找网站设计理念及灵感的10个来源-马海祥博客

当需要创造一些隐喻时,老物件可以帮你搭把手,比如:硬币、电影海报和旧的书籍都是颜色和活版印刷的绝佳范例。

很多你见过的方式都没有被广泛应用,有一些物品的外观和感觉也不是超级时尚的,但是它们都可以帮助你的网站脱颖而出。

这些资源最棒的地方在于它们可以帮助你用不同的方式来进行隐喻思考。比如说,很多旧书籍内有手绘风格的图片,而不是照片或者全彩插图。所以,你看这种风格可以帮助你在你的项目中用不同的方式创造和使用图像。

9、建筑

寻找网站设计理念及灵感的10个来源-马海祥博客

建筑和轮廓(尤其是那些在大城市中的)对于我来说是一个令人着迷的灵感来源。这些作品的形状和“生命”让我很想去为自己做些什么。

你可以使用你在建筑中看到的形状去在数字领域中创造一些有意思的东西。当你需要一个背景作为banner的时候(具体可查看马海祥博客的《banner广告设计的技巧和注意要点》相关介绍),你可以参考一下天空中地平线处的轮廓,或者在你的设计中规划如何方式一个元素时,也可以将轮廓线作为框架来参照。

10、室内设计

寻找网站设计理念及灵感的10个来源-马海祥博客

室内设计的世界也是一个很好的可以在颜色和纹理方面得到灵感的地方。

在家居卖场中走一走,摸一下或者看看那些织物的样品可以帮助你对于网站应该用什么类型的背景有一个形象化的概念。你可以将这些颜色和纹理在现实生活中也进行组合和匹配,这样你就能在创建自己的数字版本时知道怎样安排比较好。

多看看室内设计的趋势可以帮助你了解当下什么颜色是最流行的,关于网站的色彩这点我也曾在马海祥博客的《基于网站色彩设计对用户体验影响的研究》一文中跟大家做过详细的介绍,有兴趣的朋友可以看下。尤其是一些涂料和设计类型的博客是学习色彩趋势和学习怎样应用其于项目的很不错的地方。

马海祥博客点评:

网站是信息内容的存储空间模式,页面设计得好坏直接关系到一个网站的成败,它的色彩表现更是视觉传达的重要因素。同时设置好网站的配色与版式,美术很重要,在日常生日中我们眼球所能看到的地方,都是由不同的点、线、面构成!如何才能让你达到想的视觉效果!你的眼睛就是你的裁判师!看一些成功的网站案例也是一样的,要让整个网站活泼起来,生动起来,就是你需要用你的思维和眼睛来观察!

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/wzsj/582.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 设计理念   网站设计   设计灵感   灵感来源   理念来源  

上一篇:全方位解析响应式网页的设计与应用
下一篇:基于视觉效果的扁平化设计

您可能还会对以下这些文章感兴趣!

  • 关于响应式页面重构的一些关键技术点

    单纯的页面重构,所涉及到的工作内容一般是“分析设计稿>切图>写HTML和CSS”,虽然看起来很少,但要做好这份工作,绝非所想的那么容易。原因很简单:工作内容单一,在时间和工作量上必会很苛刻,往往跟设计师的工作时间是3:1,即设计师给三天的时间,制作只给一天的时间……【查看全文

    阅读:698关键词: 响应式   响应式页面   日期:2016-09-25
  • 基于页面易读性的文字编排设计要点

    文字的编排还应注意文字本身的格式效果。图文画面构成中,把不同重点的文字内容用不同的字体来表现,是设计中常用手法,如:行首的强调、引文的强调等。但字体过多画面就显得不安宁,字体过少又缺乏必要的生气,字体数量的多寡常暗示平面中核心内容的多少,所以我们要详……【查看全文

    阅读:760关键词: 易读性   文字编排   文字编排设计   设计要点   日期:2014-04-15
  • 什么是响应式网页设计?

    响应式网页设计(Responsive Web design,通常缩写为RWD)是指:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。可以说是一种网页设计的技术做法,该设计可使网站在多种浏览设备(从桌面电脑显示器到移动电话或其他……【查看全文

    阅读:5336关键词: 网页设计   响应式设计   响应式网页设   响应式网页   日期:2013-09-15
  • 网页设计新手需知道的10条实用法则

    大胆留白是设计概念中常常会提到的理论,但真正能根据理论具体落实的设计师却为数不多,可能是因为设计师胆儿不够大,另一种可能是没有在实际中领会到留白的美妙,网页设计中的留白是为了在有限的容量中预留一些让其中元素呼吸的负空间,并不是一种所谓的“偷懒”行为,……【查看全文

    阅读:733关键词: 网页设计   设计法则   日期:2015-01-15
  • 响应式网页设计的排版设计趋势

    假如你研究一个流行的作品集网站,里面展示了当今的网页设计,毫无疑问,你会注意到网页的基本结构千变万化,根本没有固定形态,它可以伸缩变化成任何所需的东西,我认为这是响应式网页设计带来的最棒的副产品,事实上,新的准则,就是根本没有固定准则,我们能观察发现……【查看全文

    阅读:1117关键词: 响应式网页   响应式设计   排版设计   设计趋势   网页设计   日期:2015-04-01
  • 网站设计的重要因素及注意事项

    网站设计(Web Design)就是一个把信息需求转换成用软件网站表示的过程,就是指在因特网上,根据一定的规则,使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。网站设计的目的就是产生网站。简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格……【查看全文

    阅读:1306关键词: 网站设计   网站设计因素   网站设计注意   日期:2012-10-05
  • 全方位解析响应式网页的设计与应用

    响应式网页设计可以提供一个比较满意的效果,他给广泛的应用设备提供了一个自定义的解决方案,无论是一个老式旧笔记本还是最先进的设备都能够获得比较好的体验。但响应式网页设计也并不是最好的,这只是个单纯的概念,它可以有效的提高用户体验但是却不能彻底解决。我们……【查看全文

    阅读:1301关键词: 响应式网页   网页设计   响应式应用   应用设计   日期:2014-05-08
  • 分享20个极简主义的网页设计风格

    极简主义的设计之所以总是流行,是因为他们一直用一些很简单的创意和资源去表达概念,网页设计的领域受极简主义设计的影响很大,许多有才华的设计师总是用几个简单的工具就设计出了不起的网站,比如字体和几何图形等元素。简约设计的优势不仅仅是其优雅的风格,也有在网页加……【查看全文

    阅读:718关键词: 极简主义   网页设计   设计风格   日期:2018-11-01
  • 全能型设计师必备的10个技能

    为了成为一个全能的设计师,你必须学会掌握一些技能来有效的应对客户或你的老板,很多情况下,一个设计师需要有良好的审美观和许多年的经验,而将那些“经常被雇佣”的设计师和其他设计师区分开来的就是下面列出来的技能,掌握这些技能,你不仅能在团队中成为更有价值的……【查看全文

    阅读:1071关键词: 设计师   设计技能   日期:2014-11-07
  • 响应式网页布局的实现方法原理

    昨天我在马海祥博客上跟大家详细的介绍过《什么是响应式网页设计?》,我觉的响应式网页设计不仅仅是一种趋势,还更是一个新的设计解决方案!它有助于解决不同的分辨率和设备(台式电脑,笔记本电脑,平板,手机)相关的设计问题。既然是设计的问题,这里就会涉及到很多……【查看全文

    阅读:52335关键词: 响应式网页   响应式布局   响应式原理   响应式设计   日期:2013-09-17
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

企业网站SEO推广能给企业带来哪些好处? 百度搜索用户建议专区上线公告