盘点网站设计范例：探讨常见的网站类型有哪些

无论是个人网站还是企业网站，选择合适的网站类型，才能在消费者心中留下深刻印象，增加访客对网站黏着度。因此，在设计网页时必须考虑两大要素：UI设计和UX设计，两者相辅相成，缺一不可。那麽，常见的网站类型有哪些?

常见的网站类型有哪些?

● 品牌形象网站

品牌形象网站主要是利用强烈的网页主视觉，将品牌介绍、价值等着重呈现，从而强化品牌形象。

品牌形象网站设计范例

Gary Sheng个人形象网站

盘点网站设计范例

Gary Sheng利用个人照片作为他的个人形象网站封面，并清晰地呈现他过去的经历与专长，让访客直观联想到这就是他的个人网站。

TBWA品牌形象网站

盘点网站设计范例

TBWA网站利用鲜明色彩和显眼的动态视觉效果作为界面的主视觉，同时利用大标题阐述品牌核心价值，相当直观地向访客传递品牌形象信息。

● RWD

RWD(Responsive Web Design)，中文称作「响应式网页设计」。此技术可使网站在不同装置，包括电脑、手机及平板等，自动调整成合适的排版，给用户提高良好的浏览体验。

响应式网页设计范例

Dropbox网页

盘点网站设计范例

Dropbox利用流畅的网格和灵活的视觉效果，设计出非常出色的响应式网页设计。从PC版到Wap版，不仅字体颜色会随背景颜色变化而变化，图像也会改变方向。另外，Dropbox还针对不同设备提供量身定制的体验，例如PC版中会出现小箭头引导访客向下滚动以查看更多内容，Wap版却没有该功能出现;注册区块在PC版中是可见的，在Wap版中却隐藏在CTA用语的按钮後。

Dribbble网页

盘点网站设计范例

Dribbble利用灵活的网格，在浏览Wap版时，PC版的五列排版会变为两列。同时，为了防止访客浏览网站时出现布局混乱，Dribbble还删除多个项目以及搜索栏，并将菜单隐藏在汉堡图片後。

● 电商网页

相对其他网站类型，电商网站会更注重UI设计和UX设计的结合，如果两者缺一，可能会降低消费者的购买动机，提高跳出率，不但影响网站转换，更会影响消费者对品牌的形象。

电商网页设计范例

Poketo网页

盘点网站设计范例

网站将背景图融入了产品，并利用鲜艳的色彩，充分展现品牌独特的设计风格，给消费者的脑海中留下深刻的影像。当游标指向商品时，界面会出现「Quick Shop」的按钮，按下随即弹出视窗，为消费者提供便捷的购物体验，减少跳转页面的等待时间。

膳魔师网页

盘点网站设计范例

网站导航栏的商品分类相当细致，整体布局非常整洁有条理，内容主次之分，也没有过多的干扰元素，访客在浏览期间能很快找到想要的信息。当游标指向商品时，即可看到商品的相关规格，让访客能快速选购所需商品。

● 专业服务型网站

服务型网站在主视觉不一定要强调品牌形象，但品牌专业性、服务内容、服务流程等都要清晰直观地呈现，整体排版布局不仅要突出各区块之间的关系，还要具备专业度与说服力之作用。

专业服务型网页设计范例

Medallia网页

盘点网站设计范例

网站上方的选单列表，清楚列出产品内容、品牌优势、公司介绍等服务型网站必备内容，并用示意图清楚呈现品牌专业与服务项目，从而增加品牌的说服力。网站首页最下方则是列出客户案例分析与反馈，点击进入後会看到一系类的数据清楚呈现客户购买服务後增加的营收等，加深消费者对品牌的信任度。

Go Education

盘点网站设计范例

网站首页包含服务型网站必备的内容，比如产品优势、服务流程、服务反馈及热门文章等，给予消费者丰富且极具说服力的内容，增加消费者对服务的信任;利用CTA设计，妥善安排填单按钮，增加消费者填单成为顾客的意愿。

● 作品集网站

许多设计师在设计个人作品集网站，都会尽量将个人风格融入到网站里，从而给访客留下深刻的印象;至於社区类/品牌类作品集网站，则会往简约风格考虑，着重给用户提供流畅的用户体验。

作品集网页设计范例

Pinterest社区作品集

盘点网站设计范例

Pinterest堪称图片版的Twitter，以瀑布流形式展现作品，访客无需翻页，只要往下滚动就能不断发现新的图片。访客也可将感兴趣的图片保存在Pinterest，其他网站也可以关注或转发作品。

Jeremiah 个人作品集

盘点网站设计范例

Jeremiah 是一名产品设计师，同时也有不少网页设计作品，专长是3D动画、插画等。因此在他的个人作品集中可以看出很多动画和插画类型的作品。网站风格方面也非常简约，估计与他的经历有莫大的关系。

从以上的网页设计优秀案例我们不难看出，无论什麽类型的网站都离不开视觉设计与用户体验设计这两大要素，而这也是企业网站必须关注的重点。如果您对网页设计有任何疑惑，或正寻找一家专业的网页制作公司，欢迎谘询我们!