优秀pc网页设计案例（网页设计与制作案例）
本文目录一览：
- 1、20个等分两栏式的网站设计欣赏
- 2、25款独特且走心的“关于我们”页面设计
- 3、9个视觉惊艳的网页设计思路(一)
- 4、用文字作为主体排版的15个网页设计案例
- 5、25个高体验的优秀文字排版网站页面设计
20个等分两栏式的网站设计欣赏
1、网页中并排的两栏呈现不同的信息，是分屏式设计的最典型特征，两边的信息可以包含相同类型的元素，可以呈现不同属性的媒体内容，比如一边是图片，一边是文本。
2、Cihat Turhan 的作品展示页采用的是等分两栏式的……背景，一边是页面一边是代码，居中的文字介绍则正好暗示出了设计师的身份。网站的构思颇为精巧，美中不足的是对于移动端浏览支持不足。
3、《网页设计参考 魅力十足的35个精选网站（上）》Wills World 随着向下滑动，背景产生不同的渐变，忽略了栅格系统，并加入了随性的动效。翠江堂 这是隅田川旁一家拥有80年历史的和果子店的网站。
4、Yankodesign 概念产品设计比较前卫，工业设计的大多数类种都有涉及。Awwwards 是设计师（特别是网页设计）的知识储备库。Design Milk 一个致力于室内设计和室内装修效果分享的博客网站。
5、Dine Initium是一家位于中国北京的创意设计工作室。这是一个聚集了他们工作室所有设计师作品的作品集网站，首页提供了订阅通道，你可以订阅他们的信息，了解他们的最新设计作品。
6、两栏式多用于小型企业博客网站。两栏页面的中心部分是文章内容，侧面为用户互动内容，如推荐文章等。当然栏目页需要注意文章列表每页条目不要太少，会导致不便于用户浏览，也会出现网站页面层次过深的问题。
25款独特且走心的“关于我们”页面设计
1、MikeKus的“关于我们”的页面设计采用了独特的双色配色，前景色是黄色，背景色是红色，双色搭配的优势在于它极强的凝聚力，这样的风格通常厚重而复古，而且可以很好地强化品牌色给人的感觉。
2、Mike Kus 的“关于我们”的页面设计采用了独特的双色配色，前景色是黄色，背景色是红色，双色搭配的优势在于它极强的凝聚力，这样的风格通常厚重而复古，而且可以很好地强化品牌色给人的感觉。
3、要设计结构化的页面，栅格总是你最好的朋友。Urban Influence 的关于我们页面使用栅格来组织整个页面的信息，需要展示的内容，让用户输入的部分，装饰性的部分和展示用的地图，都界限分明地分布在页面上。
4、Anakin 的关于我们页面同样是让用户填写联系信息，不过在表单的设计上更加独特，并没有专门的表单，而是使用占位符提示用户各个位置需要填写的内容，贴心、直觉，也非常走心。
9个视觉惊艳的网页设计思路(一)
如此一来，将可以大大的减少页面的读取时间和改善网页的性能。 保持干净和简单（即：简洁） 一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。
使用网格网格是个用于设计不同阶段的关键工具，也包括建立视觉层级的阶段。网格有助于组织组件，使它们以合适的尺寸和比例呈现，而且能帮助设计师有效处理负形，因为网格展示了元素是否按比例放置。
架构设计 从客户角度来说，来到网站就是想买产品；从企业角度来说，就是想卖产品&服务，这是一个需求匹配的过程，但在这个过程中，如何能够满足需求，是网站策划及实施的前提。
设计思路把握原则 在这个网站页面设计的时候网页应该考虑简洁，因为在多元化的信息下，通常情况下都是要用最高的效率让用户搜寻出来，所以在对设计思路的原则上应该要简洁为主，去掉多余繁杂的内容。
作为一名设计师，你应该通过设计良好的视觉层次来帮助他们。视觉层次是指以重要性（即应该首先哪些、再哪些等等）呈现元素。一个适当的视觉层次结构可以让用户更快速地浏览页面。使用自然的浏览模式。
整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。 造型的组合 在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。
用文字作为主体排版的15个网页设计案例
1、Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。
2、Degordian这个网站充分运用了对比强烈的大背景和具有冲击力字体（Futura）的组合（这也是目前网站设计的一个大趋势），网站另一个值得称赞的地方是它用的正文字体：Merriweather。
3、设计网页的时候，留白是重要的工具和元素，掌控留白的使用技巧非常有必要。Made By Shape的“关于我们”页面的设计就是这样的一个案例，棱角分明的形状和不同的区块被留白清晰地分割开，柔和的色调赋予页面以时尚感和生命力。
25个高体验的优秀文字排版网站页面设计
1、Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。
2、Madebyband 的“关于我们”页面的设计比较不同，结合品牌的特征，当然也是为了表现个性，他们的页面运用了许多手绘的字体和排版，配合手工制作品的图片，传达品牌的个性。整个页面设计简洁，大量的留白也平衡了页面的结构。
3、留意行对齐 无论是活泼的、新潮的、严厉的仍是文艺风格的网页规划，都有一种很明确的对齐方法，这样才干完成一个网页的规范性通常情况下，主张在页面上只使用一种文本对齐方法，且尽量防止两端对齐。
4、文字的基本排列混搭：设计banner时候，千万不要不加思索的就把一行文字硬生生的放上去，那会让banner直接显得呆板木讷。往往很多新手设计师容易犯这样的错，就算字体颜色样式处理的很好，也会看上去很无趣、很僵硬。
