好好学习,天天向上,我爱自学网欢迎您!
当前位置:首页 >  考试 >  计算机类 > 内容页

40个网页计划优秀案例

2021-09-12 20:21:21计算机类访问手机版182

  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 的关于我们页面计划可谓是靠得住而到位了,页面地图标注出了公司地址也就算了,当你向下滚动页面的时候,还能看到详细地点的阐明、沿线地铁的乘坐体式格局、沟通的电子邮件地点、德律风,等等等等,所在多有。

  十、给个提示

  网站 Deux Huit Huit 的关于我们页面并无供给传统意义上的沟通体式格局,而是计划成为了一个直观而复杂的对话框。顶上“Say hello ”的对话框十分间接地提示用户,只要输入内容,网站的开发者就可以看到了。

  十一、标明开门/工作时间

  关于诸如餐厅、博物馆、商店等有具体营业时间的机构的官方网站,在关于我们页面傍边标注店肆开门的时间、承受德律风咨询的时间,可让用户加倍有效地承受办事。

  十二、使用夺目的字体

  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 Osmont 的接洽我们页面使用了黑色、银色和金色来构建吸引人的字体排版主视觉计划。当你向下滚动页面的时候,能看到易于阅读排版到位的表单。

  31、亲手展示

  这也是近几年比拟罕见的一种内容揭示体式格局,计划师亲手举起展板来展示计划作品。假如用在接洽我们页面中,这种计划师伎俩也是相当的应景呢。就像Mark Jaworkski 的这个页面,计划师的技巧、介绍还有留言用的表单都划一地展示在这块被平举的白板上。

   32、列举交际媒体接洽体式格局

  目下当今哪一个网站没几个交际媒体帐号呢?在关于我们的页面傍边将自家网站的各个交际媒体的链接都贴出来,关于很多用户来说反而加倍便于接洽。

  33、借用传统的沟通体式格局

  复古的样式是不错的选择,但是使用传统的接洽体式格局来计划,仿佛加倍走心也更成心思。Lionway 的接洽我们页面就计划成为了明信片的方式,还有一些固定的信息干脆就列举在一个打印账单上。

  34、俏皮的案牍

  案牍的计划也是接洽我们页面中紧张的局部,亲切、风趣的案牍计划会让用户感触接近,但是同样的,俏皮的、机警的案牍也一样会让用户难忘。

  35、揭示本性

  计划工作室 Resn 的接洽我们页面计划绝对是这组案例中最有本性的页面之一,充溢80年代风情的计划元素,和带着植物头套的团队成员图片构成了页面的主体。

  36、运用信息图

  信息图是近几年不断处于上升阶段的计划伎俩,假如有符合的展示内容,在关于我们页面中使用信息图也是相当不错的选择。Quicksprout 的关于我们页面就使用了信息图来出现内容,清晰易读,并且准确到位。

  37、动画和卡通

  在接洽我们页面中使用卡通和动漫式的抽象来出现计划师和计划团队是相当罕见也相当有效的本领,Melonfree 的关于我们页面就将计划师和开发者的卡通抽象摆了出来。

  38、使用半透明的图形

  人的眼睛总会无意识地去辨认想要石碑的内容,所以即便的半透明的元素加载在一块儿,也不会出格严重地影响阅读体验。Indofolio 的页面设就充沛运用半透明的元素,将焦点的接洽体式格局放在半透明的矩形上,透过图形用户依然能看到布景的细节,但是又不会看不清关头的接洽体式格局。

   39、手绘后果

  手绘的接洽我们页面,尤其是那些画的还相当养眼的页面,总能让用户感触感染到计划者的贴心。Mario Petrone 的这个页面计划就相当的俏皮风趣。

  40、仅用一个下拉框

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

TAG标签: 网页设计 案例 优秀