怎样提高网页设计创意能力

一、浏览网站，拓宽视野

·网站

1.pinterest

Pinterest通过用户挖掘有趣内容，收藏并分享的模式，将全球优秀设计素材分享给大家，Pinterest采用的是瀑布流的形式展现图片内图片内容，无需用户翻页，新的图片不断自动加载在页面底端，让用户不断发现新的内容。

2.Behance

Behance是全球领先的创意设计类聚合平台，推荐和分享优秀设计作品。在这里，可以第一时间欣赏到最优秀的作品，找到最优秀的艺术家。找寻更多的创作灵感。

3.Yanko Design

Yanko Design几乎包含了全部最新的产品设计、新技术、设计思维，是非常值得推荐收藏的产品设计网站，喜欢的小伙伴快快收下。

4.Core 77

Core 77是老牌设计网站，站内瀑布式排列，像看杂志一样的内容排版，包含科技感设计，适合设计类及理工类专业。

5.Designboom

Designboom平台自从1999年起便成为艺术设计领域的大本营，独立报道一系列产品设计、建筑、艺术、摄影以及平面设计方面的先锋作品。

6.Css winner

Css winner是一个独特的全球性平台，专门展示和奖励最佳网站，推广创新设计师网站、开发者和机构。顶部有导航栏，可以根据自己感兴趣的分类查看。

二、多读书，巩固基础

·书籍

1.《设计中的设计》 原研哉

与艺术相比，“设计基本上没有自我表现的动机，其落脚点更侧重于社会。”以原研哉为代表的一些日本设计师，设计的出发点并非是自我风格的表现或是个人情绪的张扬，而是从揣摩大众的感受出发——无论是视觉还是触觉。先将日常的事物陌生化，再重新进行设计——这种贴近生活、以生活的文化积累为素材的创新在这个纷乱的信息时代显然是十分可贵的，也必将有利于大众的审美意识提高。

2.《现代设计史》

这部涉猎广泛、富有洞察力的著作，纵览了18世纪至今的实用艺术和工业设计，不仅从纵向阐述了各个设计流派、各种设计风格的演变过程及其代表作品，而且从横向探讨了设计和生产、消费、科技、商业之间盘根错节又变动不居的关系。这是一本几乎每个设计师都要拥有的一本书，地位很高，专业性极强，涉及和设计相关的各行各业，材料，科技，政策，物质资源，权力，需求…

3.《The Graphic Design Idea Book: Inspiration from 50 Masters》

这本书是针对优秀设计关键要素的介绍，介绍了广受好评的设计师的主要作品，涵盖的主题包括叙述、颜色、图形和装饰等。

4.《大设计》Penny Sparke

在《大设计：BBC写给大众的设计史》一书中，设计史学者彭妮•斯帕克给我们展示的，远远超过了一段经典设计作品的历史。本书的五个章节，引导读者穿越时空，依照时间顺序游历现代设计：从十九世纪的工业化生产；到现代设计运动，包括包豪斯及其他相关设计活动；经历简朴生活和战争时期；再到战后繁荣及对新材料、新技术的探索；最后在二十一世纪以设计参与到各种最新的活动与事件中结尾。

5.《写给大家看的设计书》

这本书出自世界级设计师之手-Robin Williams，世界著名的设计师、技术专家和畅销书作家。大家经常用到的“亲密性、对齐、重复、对比”4 个设计基本原则，就是出自《给大家看的设计书》。这本书将复杂的设计原理凝练为了简单易懂的、可操作性强的设计技巧，并以简洁明快的风格，展示了大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。

三、参观展览，提高审美，寻找灵感

不要仅仅局限于以上方式，你需要走出去，多看是需要灵感的工作者需要做的事情，看的越多，脑子里面东西就越多，那也就越有灵感。对于设计师来说，看设计方面的展是必须的，但也不能只看设计方面的展子，艺术创作，涂鸦，摄影展……都要去看，为什么呢？因为美感，设计感，创意感是共通的，不论是在艺术还是设计领域，从不同方面看并吸取经验和知识会让你的设计更加富有创意，与众不同。可以随身携带小本子，这样当灵感来的时候可以迅速画下来，日积月累就会成为你自己的素材库了。

四、研究优秀作品，解读设计思路

当你的知识储备量够了以后，可以尝试对优秀设计进行解读，理解它的设计思路、思维逻辑。选择几个你最喜欢的设计师，仔细研究他们的作品。喜欢哪种设计师的设计风格、设计理念，可以从模仿他的作品开始，要注意的是模仿并不是一件坏事，不是指抄袭，它是探索你自己风格的一个过程。那些设计大师之所以能够成为的大师，就是因为他们的作品足够独特，有创意，有自己的风格。我有个“鬼才设计师”专栏，专门介绍全球著名的设计师，感兴趣的话可以去看一看。

五、善于观察、发现问题

设计师还要善于观察生活，发现生活中的问题，因为设计本身就是从实际问题出发，发现问题，解决问题的一个过程。很多设计都是为了优化人们的生活而存在的，所以设计师们尤其需要擅长发现问题。在产品本身具有设计感创意感的同时也不能忘记它是为解决问题而存在的。

就比如公交车的扶手设计，由于都是统一高度，这就对比较矮的人很不友好。

但按照上图显示的设计，利用三角形作为把手，就可以照顾到不同身高的人。这个问题就是来自于我们生活中经常看到的。

分享一个慢镜头动作分析的方法，比如坐在沙发上看书，天暗了需要开灯，一般正常人的思维就是站起来，去开灯。那作为一个设计师，就需要仔细将这一串的动作进行分解，如果是需要开顶灯，就得站起来，走过去，按开关。如果沙发旁正好有个落地灯，岂不是会方便很多，那打开灯的方式是触摸开关、拉绳开关还是声音开关，调节方式是需要手势控制、遥控控制还是声音控制。这样就会发现很多需要优化的地方使其更加便利。所以想要发现设计点就需要把整个动作慢下来去分析。

最后还可以针对特殊人群去发现问题，像老人、小孩、上班族、家庭主妇等等。他们会面临什么样的问题，这样就会很快找准设计痛点。市场上目前有没有解决这些问题的产品，有的话，就再思考还有哪些需要优化、完善的地方。这就需要你用挑剔的眼光来看待周围的人和事物。

六、注重交流

在追求设计感与创意感的同时，也要考虑到所设计的作品的实用性，因为设计本身就是一个关于人，解决人的问题的行业，只有沟通交流才能了解彼此所需。这里不单单是指和用户的交流，有的设计需要团队协作完成，这时候，和同学、同事、合作伙伴的交流同样非常重要。而且经常与优秀的人沟通交流比起自己一个人闷头干效率会高跟多。

七、参加比赛，将理论应用于实践

此外还需要实践，执行力是身为设计师的很重要的一点，执行力的强弱是影响一个设计师的效率的重要因素之一，比起犹犹豫豫的去想怎么做该不该做，先让自己的手动起来，在行动中找到灵感，可以去参加一些设计类的比赛，比如IF、红点、idea奖以及日本G-Mark设计奖等等，方便参观到全球更多的优秀设计，理论加实践的结合，才能做出有设计感、创意的优秀设计。

刚开始从事各种创意工作的新手设计师，可能最初做的东西并没有那么好，是因为相比一些老设计师，你没有足够的经验和知识储备，只有熬过积累的这个阶段，最终，你的想法、创意，就会更加出彩。现在所能做的最重要的事，就是不断学习、不断创作。

具体吸引创意体现在哪几个方面

拿网页创意来举例子：

1、视觉效果强烈化 建设网站是为了让更多的人来浏览，因而网页设计制作的视觉效果能给予用户强烈的视觉冲击力，以吸引用户的注意力为主。在网页设计制作时以文字和图片为主进行广度及深度的设计，将抽象化的实际理念转为具象化的视觉效果，形成具有独特风格的网站；

在色彩搭配方面要注重颜色之间的固定搭配，尽量将色彩控制在三至五种色彩以内，但也要能突出标准色彩，且背景和前文之间也要有较明显的对比效果，不同色彩搭配对主题内容表达可以起到不同程度的渲染作用，吸引用户注意力，确保在设计和实施过程中做到大方美观。

2、结构设计合理化 网页设计制作过程中要根据明确的主题对内容进行有针对性和规律性的划分，在内部空间结构进行文字、图片、动画等因素的合理添加与设计，确定网站整体风格。同时网页设计制作要根据用户需求为出发点，对网站的目录结构、逻辑链接结构等页面主次明确、突出重点，并对各种信息进行专业化的总结归类，便于用户使用网站时浏览网页找到所需信息，让网页设计制作更加趋于合理化。

3、模块设计功能化 模块设计功能是为了确保网站能顺利实施，通过模块的设计和组合构成最终成品。而网站网页模块设计制作包括新闻发布系统模块、企业信息系统模块、下载中心模块、会员管理系统模块、用户留言模块、用户登录模块、修改密码模块等，在进行功能性设计时是根据用户不同需求制定具体的可行性方案，同样的模块设计功能化趋势可以使网站使用和实施更加人性化和科学化，吸引更多用户注意力。

网页设计，怎么做？

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

参考资料：百度百科：设计