网站设计案例（网站设计案例分析题）

本文目录一览：

• 1、9个视觉惊艳的网页设计思路(一)
• 2、什么是网页设计中的滚动设计?如何进行滚动设计?
• 3、用文字作为主体排版的15个网页设计案例
• 4、国外优秀设计网站,几个国外优秀平面设计网站?
• 5、网页设计插画-几种类型的插画风格网页设计赏析
• 6、还在为黑白网页设计犯难?12款设计帮你轻松解决!!!

9个视觉惊艳的网页设计思路(一)

1、如此一来，将可以大大的减少页面的读取时间和改善网页的性能。 保持干净和简单(即：简洁) 一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。

2、使用网格网格是个用于设计不同阶段的关键工具，也包括建立视觉层级的阶段。网格有助于组织组件，使它们以合适的尺寸和比例呈现，而且能帮助设计师有效处理负形，因为网格展示了元素是否按比例放置。

3、架构设计 从客户角度来说，来到网站就是想买产品；从企业角度来说，就是想卖产品&服务，这是一个需求匹配的过程，但在这个过程中，如何能够满足需求，是网站策划及实施的前提。

4、设计思路把握原则 在这个网站页面设计的时候网页应该考虑简洁，因为在多元化的信息下，通常情况下都是要用最高的效率让用户搜寻出来，所以在对设计思路的原则上应该要简洁为主，去掉多余繁杂的内容。

什么是网页设计中的滚动设计?如何进行滚动设计?

平时用墨刀设计原型时候，可以直接拖动，增加页面长度，进行滚动设计。

或者按下快捷键Ctrl+Shift+S，即可自动滚动屏幕，截取整个网页。

纯滚动指的是网页在触发滚动条时只会进行纯粹的滚动操作，而不会有任何其他行为或效果的干扰。这种设计理念的出现旨在为用户提供更加顺畅、自然的体验，同时降低耗电量和设备负担，可谓是一项有益的技术革新。

用文字作为主体排版的15个网页设计案例

Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。

Degordian这个网站充分运用了对比强烈的大背景和具有冲击力字体(Futura)的组合(这也是目前网站设计的一个大趋势)，网站另一个值得称赞的地方是它用的正文字体：Merriweather。

设计网页的时候，留白是重要的工具和元素，掌控留白的使用技巧非常有必要。Made By Shape的“关于我们”页面的设计就是这样的一个案例，棱角分明的形状和不同的区块被留白清晰地分割开，柔和的色调赋予页面以时尚感和生命力。

国外优秀设计网站,几个国外优秀平面设计网站?

BehanceBehance 是 2006 年创立的著名设计社区，在上面，创意设计人士可以展示自己的作品，发现别人分享的创意作品(上面有许多质量上乘的设计作品)，相互还可以进行互动(评论、关注、站内短信等)。

找设计作品、资讯，中国设计之窗 中国设计之窗汇聚了世界设计大师的优秀作品，涵盖了插画、建筑、平面、工业、摄影、艺术等多个栏目，创意新颖，是目前我觉得很好的一个设计灵感网站。

设计之窗汇聚了世界设计大师的优秀作品，涵盖了插画、建筑、平面、工业、摄影、艺术等多个栏目，创意新颖，是目前我觉得很不错的一个设计灵感网站。

以下是几个我认为值得推荐的设计灵感网站：Pixso资源社区 在Pixso上，我们可以浏览各种设计类别，如网页设计、UI设计、插图、平面设计等。

FlickrFlickr是一个在线的图片分享的网站，你可以在上面找到你想要的所有图片以及储存你的图片，我相信UI设计师会很喜欢这个网站，因为上面的图片都太精美了。

Behance：这是一个设计师展示自己作品的平台，包括平面设计、插画、摄影等各种设计领域。用户可以关注自己喜欢的设计师，查看他们的最新作品和项目。

网页设计插画-几种类型的插画风格网页设计赏析

1、MBE插画是由Dribbble的一位设计师创造的风格，采用黑粗线条描绘元素，除去画面中不必要的元素，色块有明显的区分，圆润可爱。和小元素配合，常用于引导页、启动页、logo等。

2、插画的7种风格特点-扁平、流行、常用的风格、简洁明了 扁平插画简单来讲就是把复杂的关系简约化，让画面更加清爽整洁，也是现在比较常用的风格了，很多商务工具类的APP会选择使用这种风格。

3、插画的7种风格 特点-扁平、流行、常用的风格、简洁明了 扁平插画简单来讲就是把复杂的关系简约化，让画面更加清爽整洁，也是现在比较常用的风格了，很多商务工具类的APP会选择使用这种风格。

4、唯美主义风格插画，宁静而又平和就是这种画面的主旋律，在色彩方面，一般说来以偏中性和冷色调最为常见。写实主义插画，所见即所得，是什么样就画什么样，把最需要表达的东西表达清楚就好。

5、种常见插画风格的分类【肌理质感】肌理质感风格的插画相比于噪点插画运用的肌理质感更加丰富，以笔刷的肌理变化与纸张的纹理质感互相结合，呈现出丰富的画面效果。特点：色彩丰富，肌理质感层次强。

还在为黑白网页设计犯难?12款设计帮你轻松解决!!!

1、Kenta Toshikura – 创意黑白配色网页设计实例 亮点：3D技术 视觉滚动差设计 本款个人作品集网页设计，方方面面（包括背景图片，页面文案以及鼠标悬浮效果等等）都采用了极其简约的黑白配色，干净整洁。

2、在草图设计过程中，你需要注重页面的可读性和易用性，并确保页面元素之间的协调和平衡。制作原型：在完成草图设计后，你可以使用设计工具将草图转化为原型。原型是网页的初步版本，可以帮助你测试和验证设计的可行性和用户体验。

3、CorelDraw：通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。