一组独特的“关于我们”页面设计

  毫无疑问,你是没有第2次时机来给人以“第一印象”。每个网站从主页到子页面都是介绍产品、供给效劳、讨论功用,唯有“关于咱们”这个页面是关乎产品和效劳的创建者——咱们自己,也是为什么它如此的重要。

  一个成功的“关于咱们”不只仅是将品牌、公司和团队信息填满一个页面那么简略粗犷,你需要将团队和品牌视作一个全体,出现出独有的风格,不同的特性,让用户记住。

  这听起来似乎是一件特别扎手的工作,可是细心琢磨收拾,实践并不杂乱。挑选走肾的规划技巧,挑个或现代或精约的匹配自家品牌的风格,用最走心的方法展示自己的团队,这就够了。

  严厉的颜颜色配和夺目的颜色选取,使得Rook 的“关于咱们”页面的规划看起来简略而杰出。夺目的金色贯穿整个规划,从LOGO到图画、排版都坚持着一致性。

  在图片和成员相片的处理上,规划师采用了单色的颜色滤镜,这让关于咱们页面在颜色上愈加严厉也愈加一致,品牌化的规划在这儿一目了然。

  Madebyband 的“关于咱们”页面的规划比较不同,结合品牌的特征,当然也是为了体现特性,他们的页面运用了许多手绘的字体和排版,合作手艺制著作的图片,传达品牌的特性。整个页面规划简练,许多的留白也平衡了页面的结构。

  所以,无论是自定义的字体仍是自定义的图片,都是出现品牌性情体现团队差异化的牢靠方法。

  “关于咱们”的页面中最常见的信息就是团队的相片和地址等内容,那么为什么要用传统而呆板的方法来出现呢?Pulp Fingers 就没有这么做,规划师挑选了三种颜色来制造尖利而极具风格的插画,这种风格不只美丽并且风趣,共同而满意引人入胜。作为企业的“关于咱们”页面肯定独具一格,令人难忘。04.专业的团队合影和整饬的排版

  “关于咱们”的页面中,团队成员相片非要是独自个人的么?并不一定,专业的合影也是不错的挑选(一群人随意地站在某栋楼门口的楼梯上拍照,这样的合影中国人有过太多,谈不上专业,放这儿一般都十分的违和)。这种专业的团队成员拍摄有不少企业做过,很简略做得过于“商业风”,做得有风格也适可而止的并不多,有爱好的同学能够找找锤子科技团队的男神合照,大约也有Jam3团队合影的风格。Jam3 团队挑选的是一致的黑色服装,在深色布景烘托下质感十足,老练而精巧,是肯定的焦点。调配这个图片的排版和布景都十分的现代而清新,主次清楚。当然,这种合照存在的问题在于,团队成员假如改变的话,你得从头照一次……假如这个不是问题的话,那就来一发吧。05. 夺目的标题和风趣的动画

  假如想让客户、未来的职工和搭档们切当地了解你们的品牌价值的地点,那么为什么不把这些中心的内容直接夺目地写出来呢?Purple, Rock, Scissors 就是这么做的。这个“关于咱们”的页面还有两个当地十分交心,一个是短视频布景,它很好地展示了工作环境和全体空气;别的一个是团队成员头像的规划,鼠标悬停的时分,你能够看到其间人物表情改变的动效,不只交心并且风趣。06. 双颜色配和斗胆的插画

  Mike Kus 的“关于咱们”的页面规划采用了共同的双色配色,前景色是黄色,布景色是赤色,双颜色配的优势在于它极强的凝聚力,这样的风格一般厚重而复古,并且能够很好地强化品牌色给人的感觉。别的一个引人入胜的当地就是其间斗胆的插画——大脑。当然,配设在整个规划中起到了决定性的作用,要作出靠谱的配色并不简略,无妨在优设主页的查找框中搜搜配色,会有惊喜哦。07. 规整的图形和信息可视化

  是否你也会更喜爱视觉杰出的图形而非整片的文字呢?那么你看看Huge公司的“关于咱们”页面吧。这家公司用前锋而斗胆的配图来出现他们的共同之处,硕大而简练的标题文字让这些配图愈加赋有张力,一起还传达出他们的企业价值观。假如图形化是规划的中心的话,信息图的运用就水到渠成了。要害的信息用信息图来体现,不只贴合网站的全体风格,还能让用户更轻松地承受网站传递的信息。08. 规整的排版和温暖的颜色

  坦率的讲,栅格运用的最多的当地仍是传统媒体,网络媒体运用栅格的方法与之仍是有不同的。不过Studio Alto的网页证明了一点:网页排版相同能够凭借栅格做到相似传统屏幕印刷职业的排版款式。页面中暖颜色的运用,让整个页面的愈加风格化,这种相似牛皮纸的颜色令整个页面的质感更上一层楼了。09. 简略的布局和洁净的留白

  规划网页的时分,留白是重要的东西和元素,掌控留白的运用技巧十分有必要。Made By Shape的“关于咱们”页面的规划就是这样的一个事例,棱角清楚的形状和不同的区块被留白明晰地切割开,柔软的颜色赋予页面以时髦感和生命力。假如你所规划的页面内容信息量很大,无妨好好运用留白吧。10. 可视化的时间轴和吸引人的配色

  假如要展示一个产品的开展进程,没有什么比时间轴愈加适宜了。Moz 的这个关于咱们的页面规划就充分运用了这一元素。时间轴并非是固定的图片,其间的工作和内容是能够同用户进行交互和互动的。如此一来,整个时间轴便能够向用户叙述整个故事,让用户也感受到参与感。整个规划的别的一个亮点是它的配色。11. 插画式图片和温暖的基调

  你们是否具有一个强壮的暗地团队呢?假如是,无妨在“关于咱们”页面中好好地展示他们。其实Food Studio 的这个页面的规划并不触及过于杂乱的技巧,他们仅仅将团队成员的头像更换为插画风,合作温暖的基调,让整个页面的风格一下就锋芒毕露。这样的规划最重要的一点是一致,一致性是风格化的根底。12. 斗胆的用色和超大的团队相片

  假如你想让你的规划愈加杰出更有影响力,无妨试着让一些元素更大,让配色愈加亮眼。正如Mixd 所规划的,用高清的团队成员大图来杰出每个成员的存在感,加上高比照度的颜颜色配,整个规划看起来也十分不错。值得注意的是,挑选适宜的元素扩大,不要全都扩大,这样就没有重心了。13. 时髦的图片和精约的布局

  Kingdom Coffee and Cycles 的整个规划能够说是现代风规划的模范,布局简略,时髦的图片,洁净规整,颜色亮堂。图片是整个页面的视觉规划的重心,图片、视频、地图的混合调配消解了页面的单谐和简略的特质。技巧上,规划师运用了团队的Instagram的著作做成拼贴置于页面底部,看起来也十分时髦风趣。14. 简练的图形和锋锐的线条

  这种类型的网页规划走的是时髦现代风,洁净的外观,轻量级的图片选取,许多的留白和规整的排版,十分专业也十分的养眼,可谓完美的结构能够承载多种多样的内容。一起,这个页面的规划事例也相同展示出留白的重要性。15. 斗胆的提亮色和高亮信息

  6tematik 的关于咱们页面规划十分有意思。是非配色永久不会过期,可是在某些情况下是非并不足以满意悉数的需求,这个页面就运用了高饱和度的赤色来蓝色来作为提亮色,斗胆而有用。要注意的当地在于,你高亮的信息越多,高亮的作用就越差,由于高亮的当地越多,用户越难于发现真实重要的当地。所以,你要做的是标记出真实重要的工作。16. 大留白和小元素

  大和小在许多情况下都是比照出来的。Margin 一般指的是主体周围的边际、留白和鸿沟。较小的鸿沟能够让主体更有张力,掩盖更大的规模。可是Alfred 的关于咱们页面并没有这么做,许多的留白、广大的边际让整个页面看起来文艺气味十足,精约而轻松。尽管这样的规划并不惯例,可是也正是这种十分规的规划让整个页面充满了共同的风格与调性。17. 共同的字体和特性化的档案

  共同的手写字体赋予Big Cartel的页面以一种与众不同的张力,尽管简略,可是让规划大放异彩。特性化的职工档案同上方独具匠心的字体相同共同,参差多态的规划让整个页面在气味上坚持了一致性。当你点击职工头像的播映按键的时分,会播映一段颇有性情的视频,别出心裁。18. 模块化布局和温暖的颜色

  当你看到这个页面的时分,我想你也会注意到它共同的规划:页面的区块是精心切割出来的,从上到下每一块的内容都会承上启下,上一块引出下一块,就像梯子相同。这样一来,模块化的页面也显得很有条理,规整而又自在。页面的配色和用图也是十分考究的,是非的基调合作温暖的棕色,创造出温馨的空气。19. 夺目的颜色和斗胆的图片

  Visionaire的用色简直是斗胆的典型,赤色Banner的运用极为抓人眼球,还和品牌用色彼此照应。参差的排版和独具匠心的图片运用让用户不会简略忘掉这个不同一般的网站。信息图的运用也是这个关于咱们页面的特征。20. 强比照和复古插画

  Woah Nelly Catering 的关于咱们页面并没有跟随最盛行的规划方法,而是采用了温暖怀旧的颜色和规划元从来营建空气,艳丽美丽的插画不只让页面充满活力,并且也简略直观。复古插画的奇妙之处在于其间添加了纹路,让它质感十分不错,这也让白底黑字的元素能够愈加显眼杰出,构成比照。21. 规整的配色和均衡的排版

  美丽的无衬线字体、均衡的排版和均匀光亮的配色让EB Pearls 的关于咱们页面看起来专业无比。合理的留白和淡色的图片的运用给人一种高雅的感觉。22. 柔软的颜色和简略的插画

  许多时分规划并不是越杂乱越好,EVA Black Design的关于咱们页面运用简略的规划反而更简略营建时髦现代的感觉。精约的暖颜色图片同是非灰合作在一起,给人以柔软的感觉,装点以简略的插画,让整个页面在整饬的规划之下还具有了少许特性。23. 动效和赋有冲击力的排版

  想让你的规划绘声绘色富于生命力?那么让它们动起来好了!用短视频代替图片,或许运用GIF图片,这也都是现在盛行的规划方法。纯黑色的文本和赤色的元素的运用,让整个页面充满了特性,也让排版充满了冲击力。24. 构思排版和吸引力十足的图片

  图片居中的共同排版是这个关于咱们页面的风趣之处,而团队成员的相片也正好居于这样的方位,这使得两头的档案信息排版需要向中心对齐。复古元素和配色的运用则支撑起了整个页面的规划,值得学习哦。25. 斗胆的布局和颜色滤镜

  斗胆运用共同的、前锋的布局是令人难忘的重要方法,一起调配以特性十足的配色,作用肯定不错。洁净的无衬线体的挑选,颜色滤镜下的图片,都是这个关于咱们页面的杰出之处。