“关于我们”页面的设计范例和趋势

标签: 设计 网页设计 | 发表时间:2012-10-28 10:56 | 作者:
出处:http://blog.jobbole.com

英文原文: “Meet the Team” Pages: Examples and Trends”,编译: qinjian623@yeeyan

在所有员工对于公司价值巨大的行业里,你基本都会看到一个明显的“关于”页面,里面包含了员工的一些信息。“关于我们”的页面在Web设计和其他的一些创新型的公司中很流行,当然,其他的一些行业中也会有这样的有“关于我们”的页面的公司网站。这些页面对于那些十分需要与客户或者公司外部其他人进行沟通的公司有一定价值。因为,这样可以通过私下的个人联系增进公司业务,同时也可以增加访问者对公司的“信任度”。

员工的名字和照片同时出现在公司网页上,会让访问者对公司有更好的“真实感”,不是像其他的网站那样。这对于加强用户对公司的信任度价值巨大,特别是现在的网络环境下,在线的诈骗和仿冒案件经常发生。把公司的主要员工的信息加到网站是让公司在潜在客户那里留下一个深刻印象的一个十分简单而有效的方法。以下介绍的就是一些有趣的“关于我们”的页面的范例和一些趋势。

* 趋势

在观察“关于我们”的页面后,就会发现一些趋势。其中一些广泛的被应用在几乎所有网站上(比如,员工照片),其他的则被相对较少的使用(比如,动画)。这些趋势都在很多的网站上出现,因此也值得提出来。

1.员工照片

本文中几乎所有的页面都包括和每个员工相关的图片。其中大多数贴的都是每个员工的照片,不过也有一切是员工的网络头像,或者其他的可以代表每个人的照片。这是保持 网站设计的专业性和一致性的同时展示员工的个性的一个非常棒的方法。
Object Adjective有一个简单的团队页面,每个成员都有一张照片和一份简短的简历,同时也有他们的联系信息和下载电子名片的链接地址。

2.社交媒体的链接
只需要考虑一下多少同行也会有Linkedln, Twitter或者其他的社交媒体的账号,就会知道在自己的网站上贴上员工自己的这些帐户对于现有客户或者潜在客户和自己员工建立联系的重要作用。其中一些页面包括的是员工的一些专业社区的账号,有些则干脆贴上了员工拥有的各种社交媒体账号。在形式上,有些是每个社交媒体一张图片来代表,有些则使用文字,或者有些则两者兼备。
简单提醒下:如果员工的帐户信息要公布在正式的网站上,需要确保他们发布的信息内容是恰当的,不会对公司的名声造成损害。
Chromatic 只包括他们领导团队的个人资料。包括每个成员的一张图片和一个简短的个人简历,还有他们的Twitter和Linkedln帐户的链接。每个成员最近的一条推特信息会显示在他们的个人资料旁。

3.特立独行、幽默或者其他非常的设计
很多网站相比一些传统的“关于我们”的页面设计,更加突出其特立独行,幽默或者不同于平常的特色。其中一些,通过员工的照片来展示不同,而其他的会通过增加一些额外信息来更好的展示员工自我。
一定要注意,这种方式能否符合本行业的规范。对一个创新型网站,这种设计会有作用,但是
如果是放在金融或者法律行业,一定不会给别人留下好印象。同时也要考虑网站针对的群体是否能够接受这样的幽默或者不同寻常。对于增加个性,如果做的过分了或者在一个不应该这么做的行业里,往往会适得其反,显得不够专业。
Th_nk 使用动态图片展示团队成员,通过弹出的窗口在展示具体的成员信息。

4.卡通
很多”关于我们”的页面会加入一定的卡通风格进入其设计。大部分是通过利用员工的照片或者头像,其他则更进一步,整个页面都设计成卡通风格。
Ola Interactive Agency 使用卡通的关于页面,每个成员的照片都是其中的一部分。点击成员后,他们的个人资料就会出现,包括他们的Twitter和Linkedln帐户和email。这是一个不那么正式的有趣的页面设计。

5.更多的资料

很多网站公布的都是团队成员的基本信息,但是其他的一些网站则选择包括更多的信息。一些是通过使用滑动或者弹出窗口在实现,也有通过整个单独的页面实现。更多的个人资料可以让客户或者潜在的客户更加了解公司背后的每个员工。

9miles Media使用每个成员的图片,点击的时候则显示每个人的资料,其中也包括社交媒体的账号链接。简单有效的设计。

* 更多范例

以下的是20个很不错的“关于我们”的页面。

StationFour

这是一个非常干净简洁的页面,但也通过名字的特征区分“The Chrises”和“The Non-Chrises”来显示了一些个性。页面中也包括了每个人的Linkedln,Twitter和博客的博文信息。

Efelle Media
这个另外一个简单的团队页面,每个成员一个简介,同时包括成员完整资料的链接。

MW Design Interactive
这个堪称团队页面的最简单范例,照片、姓名、职务,仅此而已。

Wax Creative Design
通过无序的列表来组织成员信息,通过说明每个成员爱吃的蛋糕来显示个人特色。

HBCWeb.com
整个页面的风格随意,每个成员的照片都是普通生活照,另附一个简短介绍。

Arc90
通过当鼠标移动到成员照片上时由正式照片转换为生活照的改变来为页面增色。同时还有一个标注每个成员工作内容的颜色编码。

Wildbit

每次只随机显示列表中的一个成员信息。也包括每个人的Tumblr,Twitter,Flickr信息(有才显示)

AtlanticBT
他们的团队页面有很多有趣的特色,每个成员都有一个照片,鼠标移上去的时候会滑下来显示他的名字和职位。还有一个下拉菜单,可以选择显示他们的照片、模型玩具、支持的球队、电影海报还有爱吃的食物。

Blue Sky Resumes
使用比较一致的照片来展示团队的每个成员,这一做法不是很常见。除了简介外,还有Twitter和Linkedln的链接。

MetaBroadcast

 

使用一个简单直接的设计,每个团队的社交媒体账号通过图标来表示。

2Cs Communications Ltd

在页面的头部下直接显示团队成员,介绍的当前成员会通过增加透明度来表明。鼠标移动到照片上就会变成全彩的。大团队保证每个人都有相同的展示空间可以使用这样的方法。

glue Isobar

使用卡通的图画来表示每个成员。鼠标点击则会出现Top Trumps风格的简介。十分独特而有趣。

CampaignMonitor

 

使用简单的资料伴有图片来介绍成员。图片的背景是一个展示成员位置的地图,用以区分成员。

WooThemes

通过简单设计聚焦到公司创始人上,同时其他成员也有很大的空间用于展示。Twitter和成员博客链接也在页面上。

nGen Works

使用十分简单的头像/名称/公司职位的格式,同时还有一个链接用于查看更详细的信息。独特而有趣的同时还不失专业性。

 

BrightSpark

使用简单的单列布局,每个成员的图片外加几段文字介绍。

 

Etsy

不同的部门的成员被分配到不同的列中,成员的照片都展示在自己部门的列中。每张照片链接到更加丰富的员工介绍信息上。十分直观的展示了每个部门的大小(工程部门有三列,支持部门有两列)。

 

SmallBox

简单的员工照片布局,旁边会有他的名字,名字下面则是公司职务。每个成员都有一个单独的页面来分开介绍。除了一般的个人简历,还有每个人的5个最大优势,写在“StrengthsFinder 2.0”中。这是一个很有趣而又个性化的介绍。

 

Caxiam Group

另一个每个成员一个页面的让人难忘的设计。页面里,有一个关键词集,用来描述团队成员,还有tab用来展示他们的灵感,隐藏的能力,不为人知的事情等等。

Tumblr

这是这个清单中最简单的一个“关于我们”的页面。只包括了每个员工的头像,图片与他们自己的Tumblr博客链接在一起。对于这样的一个公司,这个设计简单有效。

 

相关文章

相关 [页面 设计范例 趋势] 推荐:

“关于我们”页面的设计范例和趋势

- - 博客 - 伯乐在线
英文原文: “Meet the Team” Pages: Examples and Trends”,编译: qinjian623@yeeyan. 在所有员工对于公司价值巨大的行业里,你基本都会看到一个明显的“关于”页面,里面包含了员工的一些信息. “关于我们”的页面在Web设计和其他的一些创新型的公司中很流行,当然,其他的一些行业中也会有这样的有“关于我们”的页面的公司网站.

windows7 设计趋势

- jary - 平凡的世界:看看,闹闹,混混,写写
1.强化信息分层,改变以前比较扁平的信息架构:. IE,文件夹,即使窗口众多,也会有条不紊. 2.不拘泥于windows本身的开发架构,而是基于用户常见行为去进行信息架构:. 新建文件夹,共享,播放,刻录,均是用户针对文件夹常见的操作行为. 3.在信息架构中,更加注重关联性引导:. 比以往更加强大的右键菜单,但炫耀的并不是强大的功能,只是展示用户的普通需求.

几个产品趋势

- 韩叙 - 所有文章 - UCD大社区
成功的产品,在摆上桌面供大家学的时候,许多成功元素已经成了过去式;从中发现寻找共性或趋势,却可以为以后的产品提供参考. 曾经在路上听到一位妈妈问她的孩子:“你想要买什么. ”因为要好吃的,所以买冰箱,这就是本质需求. 清楚了这一本质需求,“好吃的”满足方法有很多,微波炉,电烤箱等;如果需求分析到冰箱为止,那造出来的只会是各种冰箱.

2010 图标设计趋势

- armgod - IconMoon
天冷,人懒,事多,我就不全文翻译了. 只列几个标题,很多内容完全按照我自己的理解写了一下. 想读原汁原味的请移步:Icon design trends 2010 作者是  Denis Kortunov. 和现代女人的罩杯一样,图标也越来越大了. 原因很简单,不管是桌面设备还是手持设备,dpi逐渐变高,高像素的图标变得必不可少了.

【趋势】移动广告未来的七大发展趋势

- - SocialBeta
尽管目前广告投入总额和手机广告所占份额严重不匹配,但是手机流量使用的不断增加表明,投入在社交平台的广告费用在不断增加,同时手机搜索功能也在逐渐完善,意味着未来移动营销将成为趋势. 内容合作伙伴 @时趣Social Touch编译整理. 近十年来,电子商务取得了长足发展,众多的零售网站也已经取得了巨额的实际销售业绩.

web设计趋势与潮流

- Hu DongHai - 互联网的那点事...
原载于 《程序员》杂志2010年第7期. 19年前,世界上第一个网页诞生,它没有设计可言,由文本和url组成,样式只有最基本的

. 而如今,Web设计已经成长为独立而庞大的设计门类,一个网页的创造需要多个工种、多种技术的参与,其流程的复杂和挑战性已经超过任何传统设计类别. 这19年间,网站的拥有者越来越清楚自己的目标,而设计师们也越来越理性和专注,人们在不停寻求商业诉求、用户、审美和技术上的平衡点.

未来项目管理发展趋势

- tiod - cnBeta.COM
根据ESI国际项目管理培训公司的分析,项目管理作为一门学科越来越被接受. 公司项目管理将起到关键作用,无论是开发新的产品和服务,或确保日常的日常工 作顺利进行. 项目经理可以组织本地或远程团队,在许多情况下还是虚拟团队,不同的群体的人为一个项目一起工作. 对于组织,人才和项目经理是一个有效的竞争 优势,根据ESI执行副总裁J LeRoy的 分析,这种情形在2011年仍将继续.

LOGO设计的复古趋势

- 齐铭 - Design lol 全球设计精华分享
最近的LOGO设计掀起一股复古风,使用一个世纪前的徽章风格,再加上仿制的油印或蚀刻纹理. 但是造型更构想和流畅,字体更现代,有一些使用了丰富的颜色. 详情查看原文: Logo Design Trend Showcase: Retro Emblems & Badges. 1930年~2010年的世界杯标志设计演化史.

Logolounge发布2011年Logo设计趋势

- 贝贝龙 - Rologo 标志共和国
国外著名的Logo综合网站Logolounge.com每年都会发布当年的Logo设计趋势报告,今年的《2011年Logo设计趋势》报告在昨日发布了. LogoLounge在报告首行即指出今年的设计趋势的主题是:”Last year was brighter. This year is lighter(去年的更明亮、今年的更简洁)“.