個性宣言!一組走心又獨特的關于我們頁面設計(下)

“關于我們” 頁面是每個團隊和公司的真正自留地,那些真正優秀的“關于我們”頁面并不會比他們的首頁和產品頁差,甚至更加腦洞大開。上一篇《個性宣言!一組走心又獨特的"關于我們"頁面設計(上)》當中那些令人難忘的案例應該讓你開眼了吧?繼續讀下去,也許其中某個設計,正好能激發你的靈感。

26. 活潑的氛圍和活潑的色彩

個性宣言!一組走心又獨特的關于我們頁面設計(下)

Ghostly Ferns 的關于我們頁面通過大膽鮮明的色彩來營造出愉悅而活潑的氛圍,而文案上的選取也選擇了活潑幽默的方向。對于有類似需求的團隊而言,布局是需要考慮的,但是配色和文案更重要。你要讓你的團隊“發聲”,內容的角度和視覺上的感受是最重要的,兩者匹配,則能夠傳達清晰的概念。

27. 極簡元素與冷色調

個性宣言!一組走心又獨特的關于我們頁面設計(下)

現代極簡風同冷色調本就是同源的設計。當你的關于我們頁面中有許多團隊相關的照片,選擇色調一致的圖片,這樣可以營造出凝聚力。Gin Lane的頁面就是這么設計的,極簡風的布局之下,圖片都經過濾鏡處理,呈現出黑白色冷峻的色調,這使得整個頁面酷了起來。

28. 設計元素集群與平衡的設計

個性宣言!一組走心又獨特的關于我們頁面設計(下)

不同于其他的關于我們設計,Meg long Creative 的關于我們頁面并沒有將圖片、文字、裝飾性元素徹底分開,而是錯落地擺放在一起。乍一看這種設計很凌亂,實則這種近乎平面設計的設計手法帶來的設計是精心設計的,它平衡而不失調,錯落而不凌亂。如果你也是從平面設計轉行的網頁設計師,不要忘了曾經的設計手法!

29. 大膽的色彩和可視化流程圖

個性宣言!一組走心又獨特的關于我們頁面設計(下)

如果你一直在醞釀一個大膽的配色方案,那么請務必確保這套設計方案其他的地方直接、干凈、簡單。Image Conscious Studios 的關于我們就是這樣做的,黑白灰和顯眼的黃色讓整個配色非常驚艷,與之搭配的布局則足夠簡約時尚,兩者相輔相承。

此外,為了讓用戶更好消化頁面的內容,他們采用圓形的區塊來構建流程和理念說明,這樣會讓信息更容易被消化。

30. 幾何布局和鮮艷的色彩

個性宣言!一組走心又獨特的關于我們頁面設計(下)

鋒利的幾何形狀、冷峻的色彩、大量的留白是現代設計中常見的設計思路,它能讓頁面看起來更加時尚專業。將每個元素都用鋒利的形態呈現出來,在獨特的柵格系統中平衡整個布局,適當地使用鮮艷的色彩來提亮頁面,這就是Joy Intermedia 頁面設計時所用的手法。穩固的結合結構不僅能讓頁面看起來更舒服,而且能夠合理地引導用戶瀏覽內容。

31. 風格化的照片和鮮明的對比

個性宣言!一組走心又獨特的關于我們頁面設計(下)

Mr President 的關于我們頁面采用了一種獨特而高效的技法來體現他們的風格。經典的黃黑配色不僅有足夠的對比度,而且易于營造出整個頁面獨特的風格。非傳統的復古圖片的使用同配色體系極其搭配,而白色的LOGO在整個頁面中起到一定的平衡作用,令整個頁面的獨特風格更加濃郁了。

32. 大標題與動人的視覺效果

個性宣言!一組走心又獨特的關于我們頁面設計(下)

如果你喜歡用巨大的文字來強調設計,那么你會喜歡Neotokio 的這個關于我們的頁面設計。巨大的文字標題是如此的令人矚目,近乎夸張的文字尺寸讓雙眼不會錯過重要的事情。加上視覺化的信息圖和明亮的藍色,頁面的豐滿度和信息量得到了提升,品牌的獨特性格也借由色彩在此表現了出來。

33. 簡單的視覺設計和清爽的搭配

個性宣言!一組走心又獨特的關于我們頁面設計(下)

Focus Lab 是一個風靡Dribbble 和Behance的著名設計團隊,他們的設計作品帶有濃郁的風格,他們干凈清爽的視覺設計能如同迎面一擊一樣打中用戶的雙眼。這些簡單、優雅有令人難忘的設計手法同樣展現在他們的“關于我們”頁面上。干凈的字體、微妙的標識、紅色的品牌色以及優雅的圖片,搭配在一起共同構建出這個頁面。

34. 超大尺寸LOGO與整齊的排版

個性宣言!一組走心又獨特的關于我們頁面設計(下)

你的團隊是否擁有一個炫酷的LOGO?那么不要客氣,在關于我們頁面中大膽地秀出來吧,用超大尺寸的LOGO來讓用戶記住你們獨特的品牌。與此同時,這種巨大的LOGO設計可以在視覺上為簡約而整齊的布局進行補充,讓頁面不再顯得單調簡單。

35. 涂鴉插畫和引線

個性宣言!一組走心又獨特的關于我們頁面設計(下)

手繪的涂鴉插畫和現實存在物品在頁面中穿插,錯落地搭配在一起能夠營造出俏皮的效果,借助引線將所有的物品穿在一起,則能夠消解雜亂,理出思路,呈現條理,讓用戶更加易于了解。如果在搭配上漂亮的色彩,我想這個關于我們頁面也算是完滿了!

36. 顯眼的熒光色與幾何形狀

個性宣言!一組走心又獨特的關于我們頁面設計(下)

熒光色是近幾年來最流行的色彩之一,甚至在iOS7階段,熒光色起到極為重要的作用。活力四射的熒光色足夠賦予頁面足夠的性格和情緒,配合現代感十足的黑體字和幾何形狀,簡簡單單的就打造出一個活潑的頁面組合。

這種設計還需要注意一些技巧,標題文字的類型和幾何形狀的選取一定要有棱角有性格。這種大膽而現代的設計風格并不難做,熒光色的選取也不要縮手縮腳,大膽選取不會錯。

37. 圖片拼貼和大留白

個性宣言!一組走心又獨特的關于我們頁面設計(下)

我們已經看到過很多極簡、干凈而整齊的關于我們頁面了,但是這些圖片多是精心處理過的。那么如果要放上類別眾多風格不同的照片,要如何處理呢?Social print studio 的關于我們頁面就借助圖片拼貼成功地解決了這個問題。既然圖片是整個設計的核心,那么擠入過多的文字容易讓這個頁面過于擁擠,所以,留白在這個頁面中也很重要。

38. 復古配色和天馬行空的配圖

個性宣言!一組走心又獨特的關于我們頁面設計(下)

復古風格的關于我們頁面通常擁有著溫暖色色調和俏皮的插畫,在配上傳統的布局手法,就堪稱完美了。Kittie's Cakes 的頁面中散落著許多簡單但是極為歡快有趣的插畫,這些天馬行空的配圖讓整個設計一下就擁有了強烈的風格和個人特色。復古的配色和層次豐富的頁面結構,讓用戶在獲取信息的同時還不時地收到驚喜。

39. 溫暖的配色和清爽的形狀

個性宣言!一組走心又獨特的關于我們頁面設計(下)

這個名為 Story and Heart 的關于我們頁面設計非常的溫暖,同時還保持著專業和時尚的特征。簡單清爽的方塊是整個頁面布局的基礎,圖片中粗糲的質感和豐富的紋理讓頁面細節分量十足。

40. 深沉的色調和對齊排版

個性宣言!一組走心又獨特的關于我們頁面設計(下)

曾有人說過,黑色的頁面設計是最考驗設計師手藝的。Always Creative 的這個頁面采用的是用不過時的黑色為底色,在深沉的色調映襯下的布局顯得銳利而神秘,明顯的間隔讓頁面元素之間的對齊關系顯得無比清晰,整飭的布局顯得時尚而難忘。值得注意的是,黑色系頁面在用色的時候一定要注意,黑色不能太深沉。

41. 干凈的布局和視覺化的設計

個性宣言!一組走心又獨特的關于我們頁面設計(下)

設計“關于我們”頁面的目的是要讓用戶了解你的團隊和公司,正如同Substrakt所做的這樣,將團隊的各種特質用圖片和文字區塊清晰地分割、展現出來,讓用戶有清晰的認知。

42. 對稱排版和微妙的配色

個性宣言!一組走心又獨特的關于我們頁面設計(下)

垂直均分為兩半的頁面設計,可以營造出對稱的效果,輕松治療處女座用戶對于各類非對稱元素的不適(笑)。整個頁面的配色并不多,色調選取微妙,考驗設計師的配色功底。在控制頁面細節的時候,請務必控制好尺寸、粗細和空間上的對應關系。

43. 幾何布局和單色設計

個性宣言!一組走心又獨特的關于我們頁面設計(下)

誰規定了團隊成員檔案和圖片一定要是原型或者矩形?其實菱形也可以!Globule Bleu 的關于我們頁面中,菱形的用戶頭像組成的矩陣,看起來非常顯眼。別具一格的黑白色調讓頁面風格化十足,點綴頁面同時也用作視覺標記的一抹黃色則讓整個頁面活了起來。

44. 干凈的布局和響應式圖片

個性宣言!一組走心又獨特的關于我們頁面設計(下)

這個頁面你一定要打開體驗一下,再接著看文章。這絕對是一個屌炸天的關于我們頁面!當光標移動到頭像上,黑白頭像變彩色,這個你能猜到,而你猜不到的是,頁面中每個成員的頭像都是響應式的,它會跟隨著光標移動!

45. 混合多媒體和可視化歷史記錄

個性宣言!一組走心又獨特的關于我們頁面設計(下)

Ugmonk 是一個頗為有名的設計團隊,他們致力于自己制作各類設計感十足的生活用品。在他們的關于我們頁面當中,各類多媒體都得到了充分的運用:圖片、文字、視頻、地圖、時間軸。整個頁面的配色走的同樣是清新時尚的路線,豐富的內容搭配方式讓這種配色顯得厚度十足。

46. 扁平化的配色和干凈的布局

個性宣言!一組走心又獨特的關于我們頁面設計(下)

Studio Cinco的關于我們的頁面設計不僅僅是用色大膽而鮮艷,而且在文案選取上一樣直接到位。扁平化的區塊承載著他們的想法,干凈的布局和整個配色非常搭。如果你也喜歡這樣的設計,請務必保證頁面有視覺中心。

47. 優雅的排版和簡約的圖片

個性宣言!一組走心又獨特的關于我們頁面設計(下)

Huuman 的關于我們頁面風格非常簡約,這很大程度上因為他們的圖片選取非常簡約。漂亮的扁平風布局,排版優雅而細膩,但同時,其中承載的內容可以非常有趣,比如某個成員的游戲分數,辦公室中豢養的萌貓的數量,等等等等。

48. 錯位的圖片和風格化配色

個性宣言!一組走心又獨特的關于我們頁面設計(下)

Nclud 的關于我們頁面的設計是如此的大膽而先鋒,這種如同“故障”了一般的頁面設計和激進的配色方案會讓用戶過目不忘的。這種令人難以置信的設計方式非常的引人入勝。這種設計風格難點在于,你要讓所有的設計元素都為你的設計而服務。

49. 優雅的插畫和浪漫的配色

個性宣言!一組走心又獨特的關于我們頁面設計(下)

不同于其他的案例,Feather and Stone 的關于我們頁面采用了手繪插畫來表現他們的獨特之處。由于他們是婚禮攝影師,所以這種浪漫的表現手法就顯得恰到好處。

50. 手繪插畫和個性化

個性宣言!一組走心又獨特的關于我們頁面設計(下)

Loud Noises 的設計師不僅僅在關于我們頁面中采用了獨特的插畫,而且他們別具匠心地使用了更加創新、更加個性化的信息表達方式。他們并沒有在頁面中大談現在和未來,更多的是追本溯源,走心也走腎。清晰的無襯線體和粗糙的插畫形成對比,構成獨特的反差,個性十足。

【那些充滿異域風情的網頁設計】

《兼容并蓄!20個來自澳大利亞最優秀的網頁設計》
《狂拽酷炫!20個來自美國最優秀的網頁設計》
《KEEP CALM & DESIGN!26個來自英國最優秀的網頁設計》
《嚴謹而浪漫!20個來自德國最優秀的網頁設計》
《情迷西班牙!20個來自西班牙最優秀的網頁設計》
《時尚雅致!25個來自法國最優秀的網頁設計》
《請多關照!20個來自日本最優秀的網頁設計》

原文地址:designschool
優設譯者:@陳子木

本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量103萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 3
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。