主页 > 联系我们 >

个性宣言!40个优秀的关于我们页面网页设计案例(下

文章来源:未知 2018-07-28 22:52

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  对于非业内的朋友而言,设计师的工作可能只是鼠标挪几个元素按几个按钮就搞得定的事情吧?“搞搞不就出来了么?”当然我们知道并不是这么一回事。这样的职业还有很多。法庭上法官问快播CEO:“代码是你写的么?念一下吧。”这种近乎荒诞的问题几乎已经成了今年流传最广泛的段子之一。

  今天借由冯老师的微博看到了浙江卫视跨年晚会上导播们工作的细节,发现他们的工作和设计师们的日常是如此的相似。看似不经意的过场里是对近20个机位的完全掌握,是对环境、时间、空间、节奏、表演者甚至音乐情绪的精准把控。

  本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

  优设网#8220;是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。

  设计微博:拥有粉丝量108万的人气微博@优秀网页设计,欢迎关注获取网页设计资源、下载顶尖设计素材。

  今天为大家介绍设计导航最近收藏的优秀在线配色工具:Colorfavs,主要用于上传图像并获取图像颜色,功能和 Pictaculous、Color hunter 配色工具类似,...

  编者按:上次推荐了一组追波上的顶尖设计师,今天轮到 Behance 了。这次@米_走 写得的设计师推荐特别用心,不光有超多作品展示,关于那些设计...

  当我们谈及粉色的时候,常常会同女性联系到一起,但是如果你观察的足够多的话,会发现这并非是普遍规律。 的确,粉色常常会让人联想到诸如棉花糖这样的绵软可爱的物件...

  编者按:一道送分题:如何提升网站格调?来看今天推荐的这组网站你就懂了,它们不仅将留白艺术运用得炉火纯青,而且各出奇招,以色彩见长的,即使有大片留白,网站仍然...

  编者按:Line 25是国外的酷站集聚地,今天看到网站推选了2014年一组最佳网站,特意分享出来给同学们借鉴,网站能入选,定有过人之处,究竟有哪些出色的细节...

  网站的着陆页承载了太多的东西。当用户打开着陆页的时候,你得让他们感知到你的品牌调性,通过行为召唤元素促使用户执行特定的操作,通过视觉化的手法,给用户留下深刻...

  编者按:这个是今年见过最酷炫最实用的纹理素材站了!超全的纹理素材,每一个都可以任意更换颜色,另附CSS代码让你直接上手使用。不仅如此,每个纹理都有高清壁纸+...

  设计趋势这种东西,往根上说是潮流,是因缘际会之下成为一个时间段内的流行风潮,大多独特,但是它并不一定符合你的喜好。 在过去的一个月当中,所流行起来的三个设计...

  编者按:每一组网站都有一个故事。今天这组网站是专门为某个热门活动做的,包括巴黎的地球一小时,世界烘焙日等,内容从体育、音乐、商业、到公益、汽车等都有,创意和...

  迎来2016,挥手告别2015,在过去的一年中中涌现了许多优秀的设计作品,设计趋势也在时间的推移中渐渐转变。在这个新旧更替的时间节点,重温过去一年中的优秀网...

  你会发现现在的移动端UI界面中极简风的设计越来越多了。极简主义设计风之所以能够如此的受欢迎,很大程度是源自于它对于设计、开发的友好,它不仅让APP的加载速度...

作者:admin