设计团队网页？设计团队网页怎么做

设计行业也迎来了前所未有的变革。一个优秀的网页设计团队不仅需要具备卓越的设计能力，更需要具备高效的协作精神。本文将深入探讨设计团队网页的设计理念、功能布局以及如何实现创新与协作的完美融合。

一、设计团队网页的设计理念

1. 以用户为中心

设计团队网页的设计理念应以用户为中心，充分考虑用户的需求和习惯。在网页设计中，要注重用户体验，确保用户能够轻松地找到所需信息，提高访问效率。

2. 简洁明了

简洁明了的设计风格有助于提升网页的易用性和美观度。设计团队网页应避免过于复杂的设计元素，力求以简洁的界面展现团队的核心优势。

3. 突出团队特色

设计团队网页应充分展示团队的专业能力、成功案例以及团队文化。通过独特的视觉元素和内容布局，使网页具有鲜明的团队特色。

4. 创新与协作

设计团队网页应体现创新与协作的精神。在网页设计中，要注重团队之间的沟通与协作，共同打造出高质量的作品。

二、设计团队网页的功能布局

1. 首页

首页是设计团队网页的核心页面，应突出团队特色和核心优势。主要包括以下

（1）团队简介：简要介绍团队背景、成立时间、核心成员等信息。

（2）成功案例：展示团队过往的优秀作品，体现团队的专业能力。

（3）团队文化：阐述团队的核心价值观、工作理念等。

（4）联系方式：提供团队的联系方式，方便用户咨询与合作。

2. 服务介绍

服务介绍页面详细阐述团队提供的服务内容，包括：

（1）服务项目：列举团队擅长的设计领域，如网页设计、UI设计、平面设计等。

（2）服务流程：介绍团队从接单到交付的全过程，让用户了解服务流程。

（3）服务优势：突出团队在服务过程中的优势，如高效、专业、创新等。

3. 成功案例

成功案例页面展示团队过往的优秀作品，包括：

（1）案例分类：按项目类型、行业等进行分类，方便用户查找。

（2）案例详情：详细介绍每个案例的设计思路、实施过程和最终效果。

（3）客户评价：展示客户对团队的认可和好评，增强用户信任。

4. 团队成员

团队成员页面介绍团队核心成员，包括：

（1）成员简介：简要介绍成员的背景、专业技能和参与项目。

（2）作品展示：展示成员的个人作品，体现其设计风格和实力。

（3）团队荣誉：展示团队获得的荣誉和奖项，彰显团队实力。

5. 联系我们

联系我们页面提供团队的联系方式，包括：

（1）联系电话：提供团队的联系电话，方便用户咨询。

（2）电子邮箱：提供团队的电子邮箱，方便用户发送邮件。

（3）在线咨询：设置在线客服，及时解答用户疑问。

三、创新与协作的实现

1. 沟通与协作

设计团队网页应具备良好的沟通与协作功能。团队成员可以通过在线协作工具，如项目管理系统、即时通讯工具等，实时沟通项目进度、讨论设计方案，提高工作效率。

2. 创新思维

设计团队网页应鼓励创新思维，为团队成员提供丰富的设计资源和灵感。通过定期举办设计比赛、分享会等活动，激发团队成员的创造力。

3. 持续优化

设计团队网页应不断优化，以适应市场变化和用户需求。团队成员应关注行业动态，学习先进的设计理念和技术，为网页注入新鲜血液。

设计团队网页是创新与协作的完美融合。通过合理的设计理念、功能布局以及有效的沟通与协作，设计团队网页能够为用户提供优质的服务，展现团队的专业实力。在这个信息时代，一个优秀的设计团队网页将成为团队发展的有力推动力。

设计网站有哪些

视觉中国

思缘设计

蓝色理想

设计在线

创意产业

火星时代

网页设计

插画中国

工业设计

我要自学

红动中国

叶子树网

教程网

改图网

ps联盟

设计之家

翼虎网

亚洲ci

韩国设计

中国设计

网易学院

美图秀秀

国外设计

设计综合

MVP 中国设计之窗 创意在线 网页设计师联盟 蓝色理想 闪吧

平面设计

平面必看 中国平面设计在 3视觉 数码资源网 PS教程 PS教程论坛

室内设计

室内必看 和家网 中国建筑与室内 中华室内设计网 土巴兔 室内人

网页设计

网页设计师联盟 蓝色理想 设计路上 网页素材 酷站欣赏 网页设计公司

更多>>

包装设计

中国包装设计网 中国包装设计网 中华印刷包装网 包装与设计 包装设计-简介 包装设计公司

建筑设计

ABBS建筑论 中国建筑与室内 中国设计在线- 国家建筑标准设 21世纪建筑设 娅库图纸网

工业设计

BillWan 中国工业设计在 设计.中国 纳金网 中国工业设计协 广东工业设计网

服装设计

中国品牌服装网 中国服装网 服装资讯 服饰流行前线 各类服装设计 中国服装设计网

更多>>

设计竞标

猪八戒 任务中国 时间财富网 一品威客 征集网 全球设计网

广告传媒

奥美广告公司 百度联盟 好耶广告 媒介网 设计前沿 谷歌广告联盟

展厅设计

展厅设计-百科 大禹春秋 西典 展厅效果图 顶尖设计 金字塔-案例

更多>>

创意设计

创意设计-百科 中国艺术设计联 创意酷 超现实 搜酷全球 先看看

网站案例

铭万 中企动力 网页加油站 牧星策划 万户网络 商城网站建设

品牌设计

品牌设计-百科 正邦 上知策划 北京美研 上海美御 上海三松

字体下载

优秀英文字体 字体下载 字体-站长站 字体下载大宝库 The Web 图标字体

更多>>

设计知识

做Banner 照片处理 提高创新能力 名片设计要点 配色基础 色彩搭配

网站教程

w3schoo HTML5研究 HTML5中文 前端观察 前端开发网 前端开发

UI设计

UI设计-简介 ICONFAN UI设计 UI作品 UI图 UIRSS

更多>>

PS教程

小技巧 PS下载 17个PS技巧 Psdtuts PS联盟 PS爱好者

用户体验

UCD大社区 阿里巴巴用户体 腾讯ISUX 腾讯WSD Prower 淘宝UED

网站模板

模板王 模板天下 设计路上 依儿酷站 网站模板下载 佳木中国

发型设计

发型屋 爱美网 在线发型设计 发型设计-简介 发型设计 发型图片

业内资讯

TechWeb 速途网 艾瑞网 瘾科技 雷锋网 36氪

平面设计素材网站有哪些

《全球平面设计图库》

本套图库是是世界三十家最顶尖图库公司联合打造，历时十年，耗资二十亿美金！

《广告平面设计素材大全》<10CD>

韩国花纹------经典失量图

《华丽实用的矢量图片素材》

1.网站名称：站酷（ZCOOL）

网站网址：

推荐指数：★★★★★

网站介绍：诞生于2006年8月的站酷（www.zcool.com.cn），以“为设计师及爱好者提供最便捷、最贴心的服务”为宗旨，是一个以“设计师”为中心，服务于创意产业、服务于创意人才的“设计师互动平台”。分享最新最实用的素材资源，推荐会员设计师的优秀设计作品，提供设计探讨技法交流的学习氛围。建站以来，内容不断充实，产品不断增加。现在，站酷（ZCOOL）已成为设计师最喜爱的设计站点之一。

网站简评：专业完美的素材下载与设计分享网站，提供矢量素材、PSD分层素材、图标素材、高清图片、原创作品等内容。前沿时尚的设计风格，日韩欧美设计素材应有尽有。站酷网站简洁美观，视觉冲击力强，广告排列整齐有序，设计师倾力推荐。

2.网站名称：素材中国

网站网址：

推荐指数：★★★★☆

网站介绍：专业的素材下载网站。

网站简评：提供各类设计素材的收集下载，包括：图片、素材、壁纸、网页素材、动画素材、矢量图、PSD分层素材、3D、字体、教材、图标，等等。素材中国收集了很多商业广告的源文件（PSD/CDR/AI），部分资源需要收取一定费用（点数）。不足的是，文件下载页面的广告太多，造成版面凌乱，用户体验差（素材中国为个人站点，站长可能很注重挂靠联盟广告，感觉像是一个百度、谷歌广告网站）。另外，只支持迅雷、快车下载，考虑不是很周全，大概也是因为加入了迅雷联盟和快车联盟的缘故吧，要不怎么会这么一个劲的推荐使用“迅雷”、“快车”下载呢。另外，专业搜索功能放在不起眼的位置，导航下面取而代之的是谷歌联盟的广告，看来站长有拜金主义的倾向哦。

3.网站名称：站长素材

网站网址：

推荐指数：★★★★☆

网站介绍：中国站长站旗下素材下载网站。

网站简评：提供各类设计素材的收集下载，包括：图片下载、网页模板、图标下载、酷站欣赏、QQ表情、矢量素材、PSD分层素材、音效下载、桌面壁纸、网页素材，等等。资源丰富，更新及时，专题素材下载也是它的特色。作为中国站长站旗下的素材网站，其知名度自然是毋庸置疑的。网站的广告也不是太多，排列整齐训练有素，用户体验度较好。另外，如果能多一点时尚的设计元素素材，那就更完美了。

4.网站名称：昵图网

网站网址：

推荐指数：★★★★☆

网站介绍：以“共享创造价值”为口号，专业的素材设计共享平台。

网站简评：提供各类素材，包括：图库、图片、摄影、设计、矢量、PSD、AI、CDR、EPS、图片下载、共享图库，等等。昵图网页面简洁经典，是大部分设计师下载素材的首选网站。因为是资源共享和交易平台，这里的素材都需要共享分或昵币，经典的设计素材还需要充值购买。我在想，昵图网的站长正是抓住了设计工作者的心理，共享与交易，自己还能“渔翁得利”。我在想，国家如果打击设计作品、素材版权的话，昵图网很可能第一个倒下，因为这里的素材，都多是别的素材网站所没有的，而幕后的一些细节你可能想像不到：这些“素材”，都是广告印刷公司（或个人）将企业的设计源文件偷偷上传发布的，只为了获取积分。某天“素材”版权归属公司发现自己的作品被盗用，不知昵图网将如何应对？

5.网站名称：中国素材网

网站网址：

推荐指数：★★★★☆

网站介绍：中国素材网（SUCAI.com）创建于2005年09月，是一家专门向广大设计者，网站制作者，提供图片素材、高精图、矢量素材、桌面背景、手机壁纸、像素图片、LOGO原PSD设计图、PNG 图标、网页模板、Flash背景、QQ 表情、字体下载、音效特效、网页特效、技术教程、论文文档、范文学习、视频教程等相关服务的综合网站。

网站简评：提供高精图、矢量图、桌面背景、LOGO、PNG图、网页模板、QQ表情、字体下载、音效、网页特效、论文、范文等内容。类别较全，但缺乏资源搜索功能，版面文字居多，易影响视觉疲劳，视觉冲击力较弱，且广告充斥着整个站点，用户体验度有待改善。PS：可能是由于域名好记的缘故，但网站总体质量不如其它同类行业。

6.网站名称：素材资源库

网站网址：

推荐指数：★★★★☆

网站介绍：素材资源库是52DESIGN旗下的设计资源网站，提供在线免费设计素材资源下载服务。

网站简评：资源丰富，分类繁多，就是没有提供资源搜索功能，使用起来不太方便。提供网页模板、Flash源码、矢量素材、PSD素材、透明Flash资源、字体下载、PS笔刷、网页背景、音效素材、脚本特效，等等。

7.网站名称：联盟素材

网站网址：

推荐指数：★★★★☆

网站介绍：网页设计师联盟旗下的设计资源网站，网页设计师联盟提供大量韩国网站模板与高清晰网页设计素材。

网站简评：网站简洁清爽，广告很少，这里的网页设计素材是很不错的。当然，还提供网页模板、图库壁纸、特色图标、矢量素材、代码素材、Flash素材、其它素材，等等。

8.网站名称：沃格斯克网

网站网址：

推荐指数：★★★★☆

网站介绍：致力于中国设计事业的素材资源平台，号称“中国设计师、中国站长必上的网站”。

网站简评：内容非常丰富，广告也是。专于网页设计素材，提供设计素材、Flash源文件、PSD源文件，等等素材下载，非常适合。

9.网站名称：懒人图库

网站网址：

推荐指数：★★★★☆

网站介绍：懒人图库自建站以来，一直致力于网页素材的提供，目标是做成国内最大的网页素材下载站。懒人图库口号：学会偷懒，并懒出境界是提高工作效率最有效的方法！

网站简评：专注于提供网页素材下载，其内容涵盖网页素材、矢量素材、JS广告代码、小图片、网页背景、导航菜单、PNG图标，等等。懒人图库深入人心，做到了“让任何一个网页设计师都能轻松找到自己想要的素材”。

10.网站名称：维奇素材网

网站网址：

推荐指数：★★★☆☆

网站介绍：维奇网（www.veeqi.com）创建于2007年10月。维奇网是一个以分享经典设计素材为主的资源网站，站点内容包括矢量、PSD、Flash、PNG、Gif、模板、源码、欣赏、酷站、壁纸、软件、字体、教程、杂志等。

网站简评：收集的素材资源丰富，但下载资源（大部分）需要收取一定维奇币。提供免费矢量素材、PSD分层、图标素材、网页素材、中文字体、网页模板与壁纸、PS教程等平面设计素材。维奇素材网页面清爽明快，广告也少。

11.网站名称：视觉中国下吧

网站网址：

推荐指数：★★★☆☆

网站介绍：由视觉中国资深编辑精心挑选的国内外优秀设计素材，网罗矢量、icon、壁纸、PSD、电子刊物、图案、字体、三维场景、材质贴图、主题等多个素材门类，为用户提供高质量的素材资料。

网站简评：清爽、时尚是网站的特色，需要登录后才能下载，有的素材下载需要积分。

12.网站名称：猪八戒学院

网站网址：

推荐指数：★★★☆☆

网站介绍：猪八戒网旗下素材分享网站，致力于提供全面、专业的教程，丰富、优质的素材。

网站简评：资源丰富，其它素材站所没有的，这里都有，值得收藏。提供矢量、欣赏、酷站、图片、图标、桌面、PSD、代码、Flash、背景、字体、 颜色，等等。

13.网站名称：红动图爸

网站网址：

推荐指数：★★★☆☆

网站介绍：红动中国旗下设计素材下载网站，为中国设计师做设计找素材带来极大便利。

网站简评：提供PSD分层素材、设计图片、摄影图片、设计字体、原创设计作品欣赏，等等。共享资源不是很多，需要资源币才能下载。

14.网站名称：素材世界

网站网址：

推荐指数：★★★☆☆

网站介绍：素材世界正式建立于2006年一月，是一个以提供各种精品素材、精品教程等设计相关内容主的专业素材站点。

网站简评：以高精度图库、PSD分层图库素材为主打，PSD素材资源绝对比任何素材网站丰富。只是网站过于简洁，首页几乎没什么图片，全是文字，也不支持资源搜索，广告太多，谷歌联盟的广告有意与导航菜单混淆，有诱惑用户点击广告的嫌疑，美工有待改进，用户体验很非常不好。

15.网站名称：素材世界

网站网址：

推荐指数：★★★☆☆

网站介绍：素材世界正式建立于2006年一月，是一个以提供各种精品素材、精品教程等设计相关内容主的专业素材站点。

网站简评：以高精度图库、PSD分层图库素材为主打，PSD素材资源绝对比任何素材网站丰富。只是网站过于简洁，首页几乎没什么图片，全是文字，也不支持资源搜索，广告太多，谷歌联盟的广告有意与导航菜单混淆，有诱惑用户点击广告的嫌疑，美工有待改进，用户体验很非常不好。

16.网站名称：图酷

网站网址：

推荐指数：★★☆☆☆

网站介绍：国内最早的专业素材站之一，设计师的随身图库：设计素材、插画、卡通、CG、矢量、时尚、图案、网页素材全方位素材图片库。

网站简评：网站依旧还是早期的经典风格，广告太多太乱，容易与导航混淆，网站无资源搜索功能，取而代之的是谷歌联盟的广告（搜索广告），用户体验度急需改善。

17.网站名称：3lian素材

网站网址：

推荐指数：★★☆☆☆

网站介绍：3lian素材网（www.3lian.com）创建于2004年10月，是一个以提供经典设计素材为主的资源网，站点包括矢量图、PSD分层素材、高清图片、Flash源文件、PNG图标、3D模型、模板、酷站、壁纸、字体、教程等。

网站简评：网站整洁，分类详细，广告较少，整体感觉不错，如果有一个资源搜索功能就更好了。

18.网站名称：E库素材

网站网址：

推荐指数：★★☆☆☆

网站介绍：E库素材网是为广大网页设计制**好者、平面设计制**好者及其他人员提供各种素材的资源库。网站共分图片素材、矢量图库、高精图库、网页素材、网页模板、壁纸、明星、下载中心、技术教程、E库论坛、IT资讯等11个栏目。拥有素材图片、高精度图片、PSD源文件、FLASH源文件、网页图标、网页模板、源码下载、技术教程、软件下载、字体下载等丰富资源。图片素材栏目具有数量多、分类细、质量高等特点，高精图库是06年E库与素材站合力推出的平面设计专用高精度图片栏目，具有高像素（高清晰）、高分辨率、免费和大容量等特点。

网站简评：老牌素材资源网站，其“矢量图库”频道也是设计师常关注的。目前网站已经很少更新了，都是早期2007年前的经典素材，还是值得推荐的。我在想一个问题，E库素材网已停止更新素材，并重拳主推昵图网（图文链接比比皆是），会不会是源出一家呢。

19.网站名称：素材精品屋

网站网址：

推荐指数：★★☆☆☆

网站介绍：提供各类图片、壁纸、矢量图、分层图、模板、图标、动画、字体等素材收集下载。

网站简评：绿**面，清新爽朗，几乎没什么广告，用户体验不错。提供精美佳图、数码设计、桌面壁纸 PSD分层、矢量素材、网站模板、酷站欣赏、标志图标、动画表情、字体下载，等等。

20.网站名称：素材天下网

网站网址：

推荐指数：★★☆☆☆

网站介绍：专业图片素材下载网站。

网站简评：素材丰富，但网站美工一般，且广告太多，连搜索也挂着百度联盟的，严重影响用户体验。

21.网站名称：素材艺库

网站网址：

推荐指数：★★☆☆☆

网站介绍：诞生于2007年11月，以提供分享多元化得素材为宗旨。内容涉及设计类、办公类、美术类等基于计算机数字影像和数字艺术领域方面。

网站简评：页面简洁美观，需要金币才能下载资源。

22.网站名称：素材酷

网站网址：

推荐指数：★★☆☆☆

网站介绍：精品、专业、实用免费素材网站。

网站简评：页面非常简洁，素材精美，但更新较慢，需要登录后才能下载。提供矢量素材、PSD分层素材、图标（GIF/ICON/PNG）、PS笔刷、节日主题素材源文件，等等。

40个网页设计优秀案例

关于我们的页面设计并不难，但是要设计一个完美的版本并不容易。它通常取决于你的出发点，是要个性化的设计，还是品牌化的运作?是提供自己联系方式，还是获取用户的联系方式?下面的优秀案例会告诉你，优秀的关于我们页面要如何设计。

1、友好的界面

友好的联系人界面总会让人感到亲切的，如果它还具备一些功能性，并且易于阅读，用户会感觉更加舒适的。“What can we help you with”则可以引导用户去点击“加入我们”“聘用我们”以及参与邮件订阅。

2、展示全球各地办公室

Tool 的关于我们页面中，设计师用醒目的字体标注出团队在洛杉矶、纽约和法国的办公室的地址和联系方式，点开关于我们页面的用户不就是想知道这些信息么?正确的联系方式，简单直接的设计，就是这么做的。

3、简化沟通流程

Productiong Location的联系我们页面同样采用了大胆而视觉化的页面设计，但是和其他的同类页面不同的是，它简化了沟通流程，把用户可能会关注的内容和需要沟通的具体部分都划分了一下，让不同需求的用户直接被引导到特定的页面和部分，从而达成简化和分流的目的。

4、头像和个性化的信息

放上设计师和团队成员的图片，让用户认识你。最关键的并不是你的头像够不够漂亮，而是要让用户知道这个漂亮的网站背后是一位和你我一样真实而平凡的设计师，是他或者她努力设计之后的成果。头像可以让页面更加个性化，也能让它更加真实而亲近。

5、鼓励用户沟通

关于我们页面的核心设计目的通常是沟通，而Hello Innovation 的页面设计则充分贯彻这一思路：试图鼓励用户主动同网站进行沟通。用亲切而富有亲和力的设计，留下联系方式，从文案到留下邮箱的地址都在鼓励用户。聊一句，能有多难呢?

6、用图片来传递隐喻

设计博物馆中收藏了许多设计相关的藏品，而关于我们页面中的这个电话不仅是网站的藏品，而且作为一个重要的隐喻来向用户传递“沟通”的意象，这也算得上是一种设计上的“双关”了。

7、创造令人难忘的设计

古怪的设计和有趣的文案总能让人难忘，每天海量的信息摄入让人们只会记住最突出的那些。不过，古怪的设计不一定适合任何品牌任何网站，但是对于那些古灵精怪的网站而言，那些独树一帜的脑洞总能起到作用。

8、表现品牌的性格

对于网站而言，在关于我们页面中将自家的品牌性格呈现出来自然是合理合适的。Boone Selections 就是这样优雅又专业地将品牌配色和相关设计元素融入关于我们页面的。作为一个专业的葡萄酒进口公司，Boone Selections 的关于我们页面用独特的排版和滚动式的页面设计，营造出独有的品牌气息。

9、展示联络方式

This Also 的关于我们页面设计可谓是可靠而到位了，页面地图标注出了公司地点也就算了，当你向下滚动页面的时候，还能看到详细地址的说明、沿线地铁的乘坐方式、沟通的电子邮件地址、电话，等等等等，不一而足。

10、给个提示

网站 Deux Huit Huit 的关于我们页面并没有提供传统意义上的沟通方式，而是设计成了一个直观而简单的对话框。顶上“Say hello ”的对话框非常直接地提示用户，只要输入内容，网站的开发者就能看到了。

11、标明开门/工作时间

对于诸如餐厅、博物馆、商店等有具体营业时间的机构的官方网站，在关于我们页面当中标注店铺开门的时间、接受电话咨询的时间，可以让用户更加有效地接受服务。

12、使用醒目的字体

Panache 的关于我们页面中标题字体采用了非常醒目的“Travaillons Ensemble”，这种字体更为轻巧，虽然独特但是具有极高的识别度。

13、使用大胆的配色方案

经典的黑白黄的配色方案被运用到Sponge 的关于我们页面当中，这种强对比的配色结合细致的细节刻画，让整个页面看起来锐利又富有质感。设计师将明亮的色彩运用到最关键的信息上，让用户更容易注意到它们。

14、采用形象化的插画

插画总能以更加视觉化的方式来吸引用户的注意力，尤其是当插画足够风格化、个性化的时候。Legwork Studio 的关于我们页面中，加入了狼头人插画，配合手写字体，营造出了一种个性化的氛围。

15、使用简约的图形

Giampiero Bodini 的关于我们页面并没有使用复杂的设计技巧，而是在素描的繁复背景上，放上一个简单的矩形，将联系方式与相关信息置于其中。繁复和简单，手绘和图形，形成了鲜明的对比。

16、借助表单来沟通

沟通是相互，你可以发信息给网站，也可以留下联系方式，让网站的运营者给你发信息。QED Group 直接在联系我们页面中留下一个表单，你可以通过这个表单留下联系方式。

17、使用单色配色

简单优雅和易读是 Joseph A Avoue 的网站联系我们页面的设计风格，没有华丽的设计，也没有花哨的功能，一个纤细的环，中间是最基本的联系信息，就是这么直接。

18、幽默

幽默的设计师不会放过任何一个搞怪的机会，Bio-Bak 的设计师即使是在联系我们页面当中也会哗众取宠一把。涂鸦字体和俏皮的文案让人忍俊不禁，你能够从每一个细节感受到这个设计师的幽默细胞。

19、填写表单

Anakin 的关于我们页面同样是让用户填写联系信息，不过在表单的设计上更加独特，并没有专门的表单，而是使用占位符提示用户各个位置需要填写的内容，贴心、直觉，也非常走心。

20、个性化的办公地点展示

和第二个案例类似，CPB集团在全球各地都有办公室，但是在设计的样式上也更加独特，各地办公室的内容和个性化的背景融为一体，信息得到了整合，展现方式也个性十足。

21、介绍一下业务

在关于我们页面当中介绍自己并不稀奇，不过除此之外可以做的还有很多，比如介绍一下自家的业务，展示一下自家的品牌，吸引用户来聊聊也是很不错的手段。Hello Monday 的关于我们页面就是这么做的。

22、视频背景

在网站里面添加视频背景已经是一种非常流行的手段了，而作为电影制作工作室而存在的Moodboard 在关于我们页面中使用视频背景不仅符合他们团队的工作性质，而且让整个关于我们页面更加鲜活了。

23、使用栅格布局

要设计结构化的页面，栅格总是你最好的朋友。Urban Influence 的关于我们页面使用栅格来组织整个页面的信息，需要展示的内容，让用户输入的部分，装饰性的部分和展示用的地图，都界限分明地分布在页面上。

24、让界面更加友好

如果让界面更加友好，设计师要做的工作并不少。清晰而易读的界面设计是最基本的，信息要能够清晰的传递出来，没有侵略性的配色，让人感到熟悉、亲切的呈现方式，易于操作的交互方式，这都是设计师要做好的地方。

25、分步引导

取得联系包含着一系列的操作，如果将整个交互过程分割成为若干步骤，一步一步引导用户来操作，加入动效和微交互，这绝对是一种不一样的体验。

26、增加联系人快捷方式

团队中负责不同部分的负责人通常不一样，用户打开联系我们页面通常有着明确的目标，如何将FAQ部分加入其中，并且添加特定的联系人的联系方式，让用户可以更加直接地同不同的负责人进行沟通。

27、同网站其他部分整合到一起

Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的.一个“场景”。这是一种整合页面的方式，值得学习。

28、团队合影

许多网站背后都是一整个开发和设计团队在运作，用团队成员合影作为关于我们页面的背景图也是非常合理且有个性的做法。

29、使用留白

通常留白能强化整个页面的空间感和结构感，而Beta Tataki 在关于我们页面就放置了一个设计感十足了电话，通过留白强化了联系方式等内容的存在感。

30、活用字体排版

精心设计的字体排版不仅具有装饰性，还可以承载一定的内容。Pauline O**ont 的联系我们页面使用了黑色、银色和金色来构建吸引人的字体排版主视觉设计。当你向下滚动页面的时候，能看到易于阅读排版到位的表单。

31、亲手展示

这也是近几年比较常见的一种内容展现方式，设计师亲手举起展板来展示设计作品。如果用在联系我们页面中，这种设计师手法也是相当的应景呢。就像Mark Jaworkski 的这个页面，设计师的技能、介绍还有留言用的表单都整齐地展示在这块被平举的白板上。

32、列举社交媒体联系方式

现在哪个网站没几个社交媒体帐号呢?在关于我们的页面当中将自家网站的各个社交媒体的链接都贴出来，对于许多用户来说反而更加便于联系。

33、借用传统的沟通方式

复古的样式是不错的选择，但是使用传统的联系方式来设计，似乎更加走心也更有意思。Lionway 的联系我们页面就设计成了明信片的形式，还有一些固定的信息干脆就列举在一个打印账单上。

34、俏皮的文案

文案的设计也是联系我们页面中重要的部分，亲切、幽默的文案设计会让用户感到亲近，但是同样的，俏皮的、机智的文案也一样会让用户难忘。

35、展现个性

设计工作室 Resn 的联系我们页面设计绝对是这组案例中最有个性的页面之一，充满80年代风情的设计元素，和带着动物头套的团队成员图片组成了页面的主体。

36、运用信息图

信息图是近几年一直处于上升阶段的设计手法，如果有合适的展示内容，在关于我们页面中使用信息图也是相当不错的选择。Quicksprout 的关于我们页面就使用了信息图来呈现内容，清晰易读，而且准确到位。

37、动画和卡通

在联系我们页面中使用卡通和动漫式的形象来呈现设计师和设计团队是相当常见也相当有效的手段，Melonfree 的关于我们页面就将设计师和开发者的卡通形象摆了出来。

38、使用半透明的图形

人的眼睛总会有意识地去识别想要石碑的内容，所以即使的半透明的元素加载在一起，也不会特别严重地影响阅读体验。Indofolio 的页面设就充分运用半透明的元素，将核心的联系方式放在半透明的矩形上，透过图形用户依然能看到背景的细节，但是又不会看不清关键的联系方式。

39、手绘效果

手绘的联系我们页面，尤其是那些画的还相当养眼的页面，总能让用户感受到设计者的贴心。Mario Petrone 的这个页面设计就相当的俏皮有趣。

40、仅用一个下拉框

Spokes Pedicabs 的联系我们页面其实谈不上一个完整的页面，而用一个下拉框代替，当你点击导航了中的链接，会出现这个醒目的橙色下拉框。

网页设计色系案例分析

橙色又称之为橙黄或者是橘色，它的穿透力仅次于红色，色感较红色更暖。在网页设计中橙色是十分活泼的色彩，给人以华贵而温暖、兴奋而热烈、欢乐与活力的感觉，也是令人振奋的颜色。

橙色在网页中的使用范围非常广泛，可以通过变换色调营造出不同分气氛，不仅仅能表现出青春活力，也能达到一个稳重的效果。橙色的波长居于红和黄之间，具有健康、富有活力、勇敢自由等象征意义，为了让大家对橙色有更好的理解，下面分别对不同类型网页进行分析。

一.食品饮食类网页设计案例分析

推荐案例：橙色+黄色+深橙色

整个页面以橙色为主，通过不同明度和纯度的“黄”进行调和，页面非常融洽而不显单调。很好的突出了的图片，食品图片色调也是相近的，故不会非常的突兀。而利用白色将网页分层，有层次感。

二.娱乐类网页案例分析

推荐案例：深橙色+土黄色+黄色

整个页面是利用深橙和浅黄色的搭配来展现的，使页面看起来更加的温暖，深色的铺垫，黄色的文字，达到一种突出而不突兀的视觉效果，赋予了网站生命力。

三.电子商务网站案例分析

推荐案例：橙色+卡其色+绿色

这一个案例使用的颜色相对较多，而橙色的导航辅佐明度较高的卡其色，不会显得非常凌乱，反而更加有特色，很活泼。加上利用一些绿色的按钮来点缀页面，页面就显得不那么单调，有万橙之中一点绿的视觉效果。

四.科技发展机构网站案例分析

页面用的色彩相对较杂，但让人感觉乱中有序。大家可以注意到，页面都是采用深红色作为文字，而橙色出现在红色文字的附近，例如顶部的橙底红字，大标题红色小标题橙色，这些元素就使页面乱中有序。

总结：橙色运用的非常多，调整饱和度、纯度都可以达到非常好的视觉效果，当然在视觉冲击力的同时，可适当采用少许对比色调和缓和于视觉，从而削弱视觉的疲劳度。