网页设计100个经典案例（网页设计成功案例）
本文目录一览：
- 1、还在为黑白网页设计犯难?12款设计帮你轻松解决!!!
- 2、分享网页设计的案例分析
- 3、干货集锦——20个最佳Bootstrap着陆页模板,快速网页设计不是事儿
- 4、用文字作为主体排版的15个网页设计案例
- 5、网页程序设计题:100个和尚吃100个馒头
还在为黑白网页设计犯难?12款设计帮你轻松解决!!!
1、Kenta Toshikura – 创意黑白配色网页设计实例 亮点：3D技术 视觉滚动差设计 本款个人作品集网页设计，方方面面（包括背景图片，页面文案以及鼠标悬浮效果等等）都采用了极其简约的黑白配色，干净整洁。
2、此外，网站的页脚也很重要，因为有部分用户浏览时接触到的是网站的底部，这个时候网站的页脚可以方便的让用户找到当前的站点位置。
3、响应式网页的设计 响应式，故名思议，就是能够适应不同的终端，比如台式机，笔记本，手机等，你所设计的网页可以适应不同的尺寸显示，也是未来很长一段时间大家的设计趋势，这种设计开发，能够满足我们现在不同的显示模式。
4、最好学好以后去一些公司实习，或一边实习一边学习。从平面设计开始学起建议你从平面设计开始学起，从平面设计转入交互设计，会有一定的过滤，这样对你日后的发展有一定的帮助。
5、Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。
分享网页设计的案例分析
绿色+白色+暗红色 如下图所示，主色调、辅色调HSB模式的数值可看出，主色调与辅色调是同一种色，只是在明度上有所不同，让页面多了些空间感、层次感。由于绿色本身的特性，所以整个网页看起来很清爽舒适。
.这其实是一个动图，因为太大传不上来。案例中用的是左右分屏的手法，把两个等级差不多的页面放在一起，配合鼠标Hover效果，页面的元素比如logo、箭头等元素会左右移动，鼠标处在的页面会高亮显示。
本款个人作品集网页设计，方方面面（包括背景图片，页面文案以及鼠标悬浮效果等等）都采用了极其简约的黑白配色，干净整洁。结合视觉滚动差设计，让整个网页更加流畅而实用。
Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。
网页设计色系案例分析 橙色又称之为橙黄或者是橘色，它的穿透力仅次于红色，色感较红色更暖。在网页设计中橙色是十分活泼的色彩，给人以华贵而温暖、兴奋而热烈、欢乐与活力的感觉，也是令人振奋的颜色。
网页设计的风格多种多样，但插图风永远不过时。插图可以让设计师尽情地表现他们自己丰富的创造力和想象力，将插图运用于设计之中也会使网页变得更具有趣味性。
干货集锦——20个最佳Bootstrap着陆页模板,快速网页设计不是事儿
Grayscale该模板是一个免费的，多用途的单页Bootstrap主题着陆页模板，具有深色配色方案和流畅的滚动动画。该模板具有自定义按钮样式，固定的顶部导航，滚动时折叠的导航设计，平滑滚动动画等，这些设计使得该模板非常吸引人。
当你在设计着陆页的时候，可能会突出产品的功能，这个时候你需要一些大图标来作为视觉锚点，这个时候你可能会去FontAwesome或者Zondicons这样的网站找几个免费的矢量图标，然后放大到符合你需求的尺寸。
Sertin 是一个基于Bootstrap 的单页网站PSD模板，可以用作单页网站、产品页面、作品展示、着陆页等多种用途。 ABDULLAH Abdullah 是一个PSD 格式的暗色调网站模板，可以用作个人作品展示，布局自由，并搭配有自适应的栅格。
当你在设计着陆页的时候，可能会突出产品的功能，这个时候你需要一些大图标来作为视觉锚点，这个时候你可能会去 Font Awesome 或者 Zondicons 这样的网站找几个免费的矢量图标，然后放大到符合你需求的尺寸。
用文字作为主体排版的15个网页设计案例
Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。
Degordian这个网站充分运用了对比强烈的大背景和具有冲击力字体（Futura）的组合（这也是目前网站设计的一个大趋势），网站另一个值得称赞的地方是它用的正文字体：Merriweather。
这个网站的排版设计可以称得上上一石二鸟。别具一格的排版设计绝对称得上独特，它不仅展现内容还作为标识而存在，此外它还具有导航的功能。
设计网页的时候，留白是重要的工具和元素，掌控留白的使用技巧非常有必要。Made By Shape的“关于我们”页面的设计就是这样的一个案例，棱角分明的形状和不同的区块被留白清晰地分割开，柔和的色调赋予页面以时尚感和生命力。
CRAP是四项基本设计原理，包括对比（Contrast）、重复（Repetition）、对齐（Alignment）、亲密性（Proximity）， 已经被设计师广泛应用。这四个基本原则在网页设计中对文字的排版也非常适用。
使用留白 通常留白能强化整个页面的空间感和结构感，而Beta Tataki 在关于我们页面就放置了一个设计感十足了电话，通过留白强化了联系方式等内容的存在感。
网页程序设计题:100个和尚吃100个馒头
1、解得：x=60（人） y=40（人）略 即是小和尚60人，大和尚40人。
2、解：设大和尚有x人，则小和尚有（100－x）人。根据题意得：3x+1/3（100－x）=100 解方程得：9x+100-x=300 8x=200 x=25 小和尚：100－25＝75人 大和尚有25人，小和尚有75人。
3、解：设有X个大和尚，（100-X）个小和尚 3X+（100-X）/3=100 9X+100-X=300 8X+100=300 8X=200 X=25 那么，小和尚有：100-25=75（个）大和尚有25人，小和尚有75人。
4、x+y/3=100馒头 x=25，y=75 所以：大和尚25人，小和尚75人。
5、设大和尚X人，则小和尚100-X人 4X+（100-X）/4=100 4X-X/4=100-25 75X=75 X=20 100-20=80 大和尚20人。
