个性宣言！40个优秀的关于我们页面网页设计案例(下)
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
个性宣言！40个优秀的关于我们页面网页设计案例(下)
沟通是一件重要的事情，这也使得联系我们页面的设计是整个项目中无法忽视，也无法含糊的部分。因为它不仅是要给用户一个交代，而且作为网站的自留地，对于团队自己而言，也必须给出一个“足够漂亮”的交代。设计手法，展现方式，风格走向，这些东西都是页面设计需要注意的地方，但是尤其重要的是，中“我们”是最重要的元素。有的团队喜欢“官方”一点，有的喜欢个性一点，也有的团队喜欢幽默的呈现手法，也不乏一些手艺高超的设计团队在这个页面当中再炫一下技术和设计手法。但是无论如何，设计是一件重要的事情，有时候让自己高兴，甚至会重过让客户高兴。
扯远了，来看看接下来的20个案例吧。
在当中介绍自己并不稀奇，不过除此之外可以做的还有很多，比如介绍一下自家的业务，展示一下自家的品牌，吸引用户来聊聊也是很不错的手段。Hello Monday 的页面就是这么做的。
在网站里面添加视频背景已经是一种非常流行的手段了，而作为电影制作工作室而存在的Moodboard 在页面中使用视频背景不仅符合他们团队的工作性质，而且让整个关于我们页面更加鲜活了。
要设计结构化的页面，栅格总是你最好的朋友。Urban Influence 的关于我们页面使用栅格来组织整个页面的信息，需要展示的内容，让用户输入的部分，装饰性的部分和展示用的地图，都界限分明地分布在页面上。
如果让界面更加友好，设计师要做的工作并不少。清晰而易读的界面设计是最基本的，信息要能够清晰的传递出来，没有侵略性的配色，让人感到熟悉、亲切的呈现方式，易于操作的交互方式，这都是设计师要做好的地方。
取得联系包含着一系列的操作，如果将整个交互过程分割成为若干步骤，一步一步引导用户来操作，加入动效和微交互，这绝对是一种不一样的体验。
团队中负责不同部分的负责人通常不一样，用户打开联系我们页面通常有着明确的目标，如何将FAQ部分加入其中，并且添加特定的联系人的联系方式，让用户可以更加直接地同不同的负责人进行沟通。
Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的一个“场景”。这是一种整合页面的方式，值得学习。
许多网站背后都是一整个开发和设计团队在运作，用团队成员合影作为关于我们页面的背景图也是非常合理且有个性的做法。
通常留白能强化整个页面的空间感和结构感，而Beta Tataki 在关于我们页面就放置了一个设计感十足了电话，通过留白强化了联系方式等内容的存在感。
精心设计的字体排版不仅具有装饰性，还可以承载一定的内容。Pauline Osmont 的联系我们页面使用了黑色、银色和金色来构建吸引人的字体排版主视觉设计。当你向下滚动页面的时候，能看到易于阅读排版到位的表单。
这也是近几年比较常见的一种内容展现方式，设计师亲手举起展板来展示设计作品。如果用在联系我们页面中，这种设计师手法也是相当的应景呢。就像Mark Jaworkski 的这个页面，设计师的技能、介绍还有留言用的表单都整齐地展示在这块被平举的白板上。
现在哪个网站没几个社交媒体帐号呢？在关于我们的页面当中将自家网站的各个社交媒体的链接都贴出来，对于许多用户来说反而更加便于联系。
复古的样式是不错的选择，但是使用传统的联系方式来设计，似乎更加走心也更有意思。Lionway 的联系我们页面就设计成了明信片的形式，还有一些固定的信息干脆就列举在一个打印账单上。
文案的设计也是联系我们页面中重要的部分，亲切、幽默的文案设计会让用户感到亲近，但是同样的，俏皮的、机智的文案也一样会让用户难忘。
设计工作室 Resn 的联系我们页面设计绝对是这组案例中最有个性的页面之一，充满80年代风情的设计元素，和带着动物头套的团队成员图片组成了页面的主体。
信息图是近几年一直处于上升阶段的设计手法，如果有合适的展示内容，在关于我们页面中使用信息图也是相当不错的选择。Quicksprout 的关于我们页面就使用了信息图来呈现内容，清晰易读，而且准确到位。
在联系我们页面中使用卡通和动漫式的形象来呈现设计师和设计团队是相当常见也相当有效的手段，Melonfree 的关于我们页面就将设计师和开发者的卡通形象摆了出来。
人的眼睛总会有意识地去识别想要石碑的内容，所以即使的半透明的元素加载在一起，也不会特别严重地影响阅读体验。Indofolio 的页面设就充分运用半透明的元素，将核心的联系方式放在半透明的矩形上，透过图形用户依然能看到背景的细节，但是又不会看不清关键的联系方式。
手绘的联系我们页面，尤其是那些画的还相当养眼的页面，总能让用户感受到设计者的贴心。Mario Petrone 的这个页面设计就相当的俏皮有趣。
Spokes Pedicabs 的联系我们页面其实谈不上一个完整的页面，而用一个下拉框代替，当你点击导航了中的链接，会出现这个醒目的橙色下拉框。
【优设人气超高的PS教程排行榜】
Top 1：效果超棒的极简风格海报！
Top 2：给心爱的妹子画一个Q版头像！
Top 3：上帝说，要有光！
原文地址：
优设译文：
「子木说」
对于非业内的朋友而言，设计师的工作可能只是鼠标挪几个元素按几个按钮就搞得定的事情吧？“搞搞不就出来了么？”当然我们知道并不是这么一回事。这样的职业还有很多。法庭上法官问快播CEO：“代码是你写的么？念一下吧。”这种近乎荒诞的问题几乎已经成了今年流传最广泛的段子之一。
今天借由看到了上导播们工作的细节，发现他们的工作和设计师们的日常是如此的相似。看似不经意的过场里是对近20个机位的完全掌握，是对环境、时间、空间、节奏、表演者甚至音乐情绪的精准把控。
感慨一下，接着改图去。
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的师学习平台，专注分享、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量108万的人气微博 ，欢迎关注获取资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注Guifx Touch Screen GUI Design
Embedded GUI Design
Your touchscreen product will flourish with a tailor-made user experience that's intuitive and beautiful. Simply better. It's what we do.
Control System Store
Quick start your next home automation, building or campus control project. Our user interface kits and graphics are the best on the planet.GUI 对matlab中的GUI界面设计进行讲解并附有案例，例如如何 菜单和控件 ，不同G Special Effects 图形图像处理 244万源代码下载-
&文件名称: GUI& & [
& & & & &&]
&&所属分类:
&&开发工具: matlab
&&文件大小: 13469 KB
&&上传时间:
&&下载次数: 50
&&提 供 者:
&详细说明：对matlab中的GUI界面设计进行讲解并附有案例，例如如何进行界面菜单和控件设计，不同GUI之前函数传递，并讲解了如何调用自身函数-Matlab GUI interface design to explain the attached case, for example, how to interface menus and controls design, the different GUI function is passed before, and explain the how to call its own function
文件列表(点击判断是否您需要的文件，如果是垃圾请在下面评价投诉):
&&GUI界面设计范例\电信课程设计&&...............\............\1.image_menu&&...............\............\............\castle.jpg&&...............\............\............\castle.png&&...............\............\............\image_menu.fig&&...............\............\............\image_menu.m&&...............\............\............\lena.tif&&...............\............\............\Lenna.png&&...............\............\2.image_proc&&...............\............\............\castle.jpg&&...............\............\............\castle.png&&...............\............\............\image_proc.asv&&...............\............\............\image_proc.fig&&...............\............\............\image_proc.m&&...............\............\............\lena.tif&&...............\............\............\Lenna.png&&...............\............\............\rgb2yuv.m&&...............\............\............\show_rgb.m&&...............\............\3.two_gui&&...............\............\.........\castle.jpg&&...............\............\.........\castle.png&&...............\............\.........\image_menu.fig&&...............\............\.........\image_menu.m&&...............\............\.........\image_rotate.fig&&...............\............\.........\image_rotate.m&&...............\............\.........\lena.tif&&...............\............\.........\Lenna.png&&...............\............\4.function_calling&&...............\............\..................\castle.jpg&&...............\............\..................\castle.png&&...............\............\..................\equ.m&&...............\............\..................\equalization_total.m&&...............\............\..................\equalizations.m&&...............\............\..................\hsi22rgb.m&&...............\............\..................\image_proc.asv&&...............\............\..................\image_proc.fig&&...............\............\..................\image_proc.m&&...............\............\..................\lena.tif&&...............\............\..................\Lenna.png&&...............\............\..................\peppers.png&&...............\............\..................\rgb22hsi.m&&...............\............\..................\rgb2yuv.m&&...............\............\..................\show_rgb.m&&...............\............\..................\three.png&&...............\............\..................\yellowRose.bmp&&...............\............\第1讲-菜单型界面-.ppt&&...............\............\第2讲-控件型界面-.ppt&&...............\............\第3讲-不同GUI界面间的数据传递-.ppt&&...............\............\第4讲-GUI调用自编函数-.ppt&&...............\............\第5讲-学会考虑GUI设计中的细节问题-.ppt
&[]:纯粹是垃圾
&近期下载过的用户:
&&&&&&&&&[]
&相关搜索:
&输入关键字，在本站244万海量源码库中尽情搜索：
&[] - servlet过滤器，过滤加减乘除运算，输入表达式
&[] - 欧几里得算法
Euclidean algorithm
希望帮到大家
&[] - 《Hadoop实战》是一本系统且极具实践指导意义的hadoop工具书和参考书。内容全面，对hadoop整个技术体系进行了全面的讲解，不仅包括hdfs和mapreduce这两大核心内容，而且还包括hive、hbase、mahout、pig、zookeeper、avro、chukwa等与hadoop相关
&[] - matlab GUI视频教程
教你一步一步的用GUI做交互界面
&[] - matlab中的GUI界面制作。包括控件，坐标，画图等一些列功能，自动打开文件等。
&[] - 实现matlab不同GUI之间的数据传递，值得一看
&[] - 基于遗传算法的电力系统无功优化程序，可以帮您更好的进行电力系统的优化，使用标准的matlab程序
&[] - 自己编写的图像处理软件，matlab GUI 编程实现，主要用来实现多界面调用，进度条等功能的实现。
&[] - 一个关于matlab，制作用户界面的程序，很好的学习代码
&[] - matlab GUI 实例教程，简单易学，设计GUI必看}