加入收藏 | 设为首页 | RSS
您当前的位置:首页 > 关于我们

个性宣言!一组走心又独特的关于我们页面设计(下)

时间:04-07  来源:本站  作者:
  “关于我们” 页面是每个团队和公司的真正自留地,那些真正优秀的“关于我们”页面并不会比他们的首页和产品页差,甚至更加脑洞大开

  “关于我们” 页面是每个团队和公司的真正自留地,那些真正优秀的“关于我们”页面并不会比他们的首页和产品页差,甚至更加脑洞大开。上一篇《个性宣言!一组走心又独特的关于我们页面设计(上)》当中那些令人难忘的案例应该让你开眼了吧?继续读下去,也许其中某个设计,正好能激发你的灵感。

  Ghostly Ferns 的关于我们页面通过大胆鲜明的色彩来营造出愉悦而活泼的氛围,而文案上的选取也选择了活泼幽默的方向。对于有类似需求的团队而言,布局是需要考虑的,但是配色和文案更重要。你要让你的团队“发声”,内容的角度和视觉上的感受是最重要的,两者匹配,则能够传达清晰的概念。

  现代极简风同冷色调本就是同源的设计。当你的关于我们页面中有许多团队相关的照片,选择色调一致的图片,这样可以营造出凝聚力。Gin Lane的页面就是这么设计的,极简风的布局之下,图片都经过滤镜处理,呈现出黑白色冷峻的色调,这使得整个页面酷了起来。

  不同于其他的关于我们设计,Meg long Creative 的关于我们页面并没有将图片、文字、装饰性元素彻底分开,而是错落地摆放在一起。乍一看这种设计很凌乱,实则这种近乎平面设计的设计手法带来的设计是精心设计的,它平衡而不失调,错落而不凌乱。如果你也是从平面设计转行的网页设计师,不要忘了曾经的设计手法!

  如果你一直在酝酿一个大胆的配色方案,那么请务必确保这套设计方案其他的地方直接、干净、简单。Image Conscious Studios 的关于我们就是这样做的,黑白灰和显眼的黄色让整个配色非常惊艳,与之搭配的布局则足够简约时尚,两者相辅相承。

  此外,为了让用户更好消化页面的内容,他们采用圆形的区块来构建流程和理念说明,这样会让信息更容易被消化。

  锋利的几何形状、冷峻的色彩、大量的留白是现代设计中常见的设计思路,它能让页面看起来更加时尚专业。将每个元素都用锋利的形态呈现出来,在独特的栅格系统中平衡整个布局,适当地使用鲜艳的色彩来提亮页面,这就是Joy Intermedia 页面设计时所用的手法。稳固的结合结构不仅能让页面看起来更舒服,而且能够合理地引导用户浏览内容。

  Mr President 的关于我们页面采用了一种独特而高效的技法来体现他们的风格。经典的黄黑配色不仅有足够的对比度,而且易于营造出整个页面独特的风格。非传统的复古图片的使用同配色体系极其搭配,而白色的LOGO在整个页面中起到一定的平衡作用,令整个页面的独特风格更加浓郁了。

  如果你喜欢用巨大的文字来强调设计,那么你会喜欢Neotokio 的这个关于我们的页面设计。巨大的文字标题是如此的令人瞩目,近乎夸张的文字尺寸让双眼不会错过重要的事情。加上视觉化的信息图和明亮的蓝色,页面的丰满度和信息量得到了提升,品牌的独特性格也借由色彩在此表现了出来。

  Focus Lab 是一个风靡Dribbble 和Behance的著名设计团队,他们的设计作品带有浓郁的风格,他们干净清爽的视觉设计能如同迎面一击一样打中用户的双眼。这些简单、优雅有令人难忘的设计手法同样展现在他们的“关于我们”页面上。干净的字体、微妙的标识、红色的品牌色以及优雅的图片,搭配在一起共同构建出这个页面。

  你的团队是否拥有一个炫酷的LOGO?那么不要客气,在关于我们页面中大胆地秀出来吧,用超大尺寸的LOGO来让用户记住你们独特的品牌。与此同时,这种巨大的LOGO设计可以在视觉上为简约而整齐的布局进行补充,让页面不再显得单调简单。

  手绘的涂鸦插画和现实存在物品在页面中穿插,错落地搭配在一起能够营造出俏皮的效果,借助引线将所有的物品穿在一起,则能够消解杂乱,理出思路,呈现条理,让用户更加易于了解。如果在搭配上漂亮的色彩,我想这个关于我们页面也算是完满了!

  荧光色是近几年来最流行的色彩之一,甚至在iOS7阶段,荧光色起到极为重要的作用。活力四射的荧光色足够赋予页面足够的性格和情绪,配合现代感十足的黑体字和几何形状,简简单单的就打造出一个活泼的页面组合。

  这种设计还需要注意一些技巧,标题文字的类型和几何形状的选取一定要有棱角有性格。这种大胆而现代的设计风格并不难做,荧光色的选取也不要缩手缩脚,大胆选取不会错。

  我们已经看到过很多极简、干净而整齐的关于我们页面了,但是这些图片多是精心处理过的。那么如果要放上类别众多风格不同的照片,要如何处理呢?Social print studio 的关于我们页面就借助图片拼贴成功地解决了这个问题。既然图片是整个设计的核心,那么挤入过多的文字容易让这个页面过于拥挤,所以,留白在这个页面中也很重要。

  复古风格的关于我们页面通常拥有着温暖色色调和俏皮的插画,在配上传统的布局手法,就堪称完美了。Kitties Cakes 的页面中散落着许多简单但是极为欢快有趣的插画,这些天马行空的配图让整个设计一下就拥有了强烈的风格和个人特色。复古的配色和层次丰富的页面结构,让用户在获取信息的同时还不时地收到惊喜。

  这个名为 Story and Heart 的关于我们页面设计非常的温暖,同时还保持着专业和时尚的特征。简单清爽的方块是整个页面布局的基础,图片中粗粝的质感和丰富的纹理让页面细节分量十足。

  曾有人说过,黑色的页面设计是最考验设计师手艺的。Always Creative 的这个页面采用的是用不过时的黑色为底色,在深沉的色调映衬下的布局显得锐利而神秘,明显的间隔让页面元素之间的对齐关系显得无比清晰,整饬的布局显得时尚而难忘。值得注意的是,黑色系页面在用色的时候一定要注意,黑色不能太深沉。

  设计“关于我们”页面的目的是要让用户了解你的团队和公司,正如同Substrakt所做的这样,将团队的各种特质用图片和文字区块清晰地分割、展现出来,让用户有清晰的认知。

  垂直均分为两半的页面设计,可以营造出对称的效果,轻松治疗处女座用户对于各类非对称元素的不适(笑)。整个页面的配色并不多,色调选取微妙,考验设计师的配色功底。在控制页面细节的时候,请务必控制好尺寸、粗细和空间上的对应关系。

  谁规定了团队成员档案和图片一定要是原型或者矩形?其实菱形也可以!Globule Bleu 的关于我们页面中,菱形的用户头像组成的矩阵,看起来非常显眼。别具一格的黑白色调让页面风格化十足,点缀页面同时也用作视觉标记的一抹黄色则让整个页面活了起来。

  这个页面你一定要打开体验一下,再接着看文章。这绝对是一个屌炸天的关于我们页面!当光标移动到头像上,黑白头像变彩色,这个你能猜到,而你猜不到的是,页面中每个成员的头像都是响应式的,它会跟随着光标移动!

  Ugmonk 是一个颇为有名的设计团队,他们致力于自己制作各类设计感十足的生活用品。在他们的关于我们页面当中,各类多媒体都得到了充分的运用:图片、文字、视频、地图、时间轴。整个页面的配色走的同样是清新时尚的路线,丰富的内容搭配方式让这种配色显得厚度十足。

  Studio Cinco的关于我们的页面设计不仅仅是用色大胆而鲜艳,而且在文案选取上一样直接到位。扁平化的区块承载着他们的想法,干净的布局和整个配色非常搭。如果你也喜欢这样的设计,请务必保证页面有视觉中心。

  Huuman 的关于我们页面风格非常简约,这很大程度上因为他们的图片选取非常简约。漂亮的扁平风布局,排版优雅而细腻,但同时,其中承载的内容可以非常有趣,比如某个成员的游戏分数,办公室中豢养的萌猫的数量,等等等等。

  Nclud 的关于我们页面的设计是如此的大胆而先锋,这种如同“故障”了一般的页面设计和激进的配色方案会让用户过目不忘的。这种令人难以置信的设计方式非常的引人入胜。这种设计风格难点在于,你要让所有的设计元素都为你的设计而服务。

  不同于其他的案例,Feather and Stone 的关于我们页面采用了手绘插画来表现他们的独特之处。由于他们是婚礼摄影师,所以这种浪漫的表现手法就显得恰到好处。

  Loud Noises 的设计师不仅仅在关于我们页面中采用了独特的插画,而且他们别具匠心地使用了更加创新、更加个性化的信息表达方式。他们并没有在页面中大谈现在和未来,更多的是追本溯源,走心也走肾。清晰的无衬线体和粗糙的插画形成对比,构成独特的反差,个性十足。

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

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

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

  编者按:30秒出交互原型,5分钟搞定交互动画!今天@Payshare 给大家安利一款超实用的交互原型制作神器,亮点有3:整体交互原型制作,与Sketch无缝...

  @阿随向前冲 :旅游回来,拍了大量照片,想修好再发朋友圈,可那么多图一张张修真的是好烦啊?别着急,今天分享一个用PS原生滤镜Adobe Camera Raw...

  编者按:我们过去印象中的双色配色的设计,多是复古而有情怀的,非常的“80年代”。但是今天的双色配色的范畴已经远超越了复古,它可以柔媚也可以冷硬,可以前卫也可...

  @喪心病狂十六夜貓 :在设计网页时,灵感枯竭了可是非常头疼的事情。这个时候看看同行设计师的优秀作品是一个非常有效的方法。比如今天这篇好文,集结了21个创意爆...

  编者按:周末来介绍3个能模拟环境音效(咖啡店、雨天、海边、丛林等)的在线网站,既可以帮你集中精神专心工作,也可以帮你放松减压,非常实用,有需要的同学自取。 ...

  绝大多数的网站会随着内容的增加、需求的改变和产品的演进而进行重新设计。但是,不可避免的,网站重设计会遭遇各种各样的问题,碰到误区,陷入困境。绝大多数的网站重...

  Lisa :在今天这样一个互联网+时代,绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么的重要。这些潜在客户对你的公司及产品印象的好坏,很大程度上...

  精心挑选,贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷,500套样机,还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们,高效补充你的素材弹药库了!

  设计师是否应该学习手绘/有哪些值得推荐的手绘软件/如何从零开始学习手绘/如何将手绘用到实战中,这个专题给你全部答案!

  授人以鱼不如授人以渔,UI 设计是门庞大的学问,单靠专题不免挂一漏万,所以本专题不分享技法层面的知识,而是将前辈的自学经验集结起来,帮你掌握正确的学习方法和思路。

  目前市面上关于AR 设计的教程极少,我们可能是唯一一个把高质量教程都收集起来供你学习的,这里有最详细的基础科普,有可供把玩的AR APP,有交互方法总结,收藏这个,以后需要设计AR 类产品就不慌!

广告
上一篇:垂涎欲滴!20个超好吃的美食网站设计欣赏
下一篇:我们不一样我们都很棒
广告
推荐
最新
  1. 我们不一样我们都很棒
  2. 个性宣言!一组走心又独特的关于我们页面设计
  3. 垂涎欲滴!20个超好吃的美食网站设计欣赏
  4. 网站首页布局设计模板参考
  5. 联系我们页面 设计达人
  6. 21个新鲜独特的“联系我们”页面设计
  7. 閬楁喚鍚楀叧浜庢垜浠浘鐗
  8. 缃戠珯甯冨眬鍙婃ā鏉胯璁
  9. 关于我们你遗憾吗。
  10. 鍏充簬鎴戜滑 鑻辨枃鍥剧墖
热门
  1. 盘点地球九大不可思议事实:地球曾有姐妹行星
  2. 车型图片优惠促销在线询价关于我们 考斯特
  3. 我们打算拍一个关于南宁的MV邀请你来一起写
  4. DNF关于超时空之战我只想说策划真想好了么?
  5. 关于我们_搜狐母婴_搜狐网
  6. 我爱你但我不会跟你上床:那些女人把事业看的
  7. 优德如何在手机上操作呢
  8. 欢迎订阅基督时报
  9. 12兄弟姐妹年龄总和近1020岁 获评全球最老
  10. 湖南行动:芙蓉姐妹北航相聚