「團隊介紹」頁面設計,我花了30分鐘設計了3個創新版式

2020-12-21 騰訊網

在平面設計中，經常碰到團隊人物介紹的版式設計，在顏值盛行的2020年，如果在人物設計中，不注意版式設計細節，很容易讓人審美疲勞。

這樣的排版方式，如果是在10年前，那絕對沒問題，頁面信息瞭然，雖然談不上美觀大方，但至少還算中規中矩的。

在這個無趣的設計中，是否看了讓人昏昏欲睡呢，今天就來教大家3種創意團隊介紹版式設計，這樣的版式很適合一些年輕團隊或者科技網際網路公司。

1、利用四邊形設計

四邊形在設計中是一個很常見的設計素材，用來在人物介紹中，可以更加突出年輕感與活力。

利用白色四邊形將人突顯出來，加上人物錯落排版，整個版式瞬間突出，人物形象打破邊框的束縛，讓整體頁面活力感十足。

2、利用不規則圖形加顏色設計

既然四邊形可以利用，那不規則圖形呢。當然也能利用。

不規則圖形在後，人物適當放大，而不規則圖形的背景，用顏色的區分來使其更加具有流活力氣息。

3、 利用大面積規則色塊設計

利用底色來區分人物色塊，給人感覺很整潔歸類，非常耐看，就像鄰家女孩一樣。

大面積底色，加上規則色塊的排列，使其視覺整潔。而且也使得人物輪廓明顯，人物層次感增強。

綜上3種人物團隊介紹排版方式，當然不能局限於以上3種設計方式，在千變萬化的設計風格中，設計人員須打破常規理念，以求突破更多的設計風格。

相關焦點

  • 版式設計系列課程1:版式設計的基本概念包含哪些內容?
    比如本人在上學期間就專門學了一個學期，都只覺得學了很淺的內容，到了工作中，版式設計的應用範圍之廣也讓我大開眼界。作為正在從事培訓工作的我，在接下來的一段時間內，我將結合我的工作和培訓規劃，不定期更新一些關於「版式設計」的系列文章。歡迎大家圍觀交流。版式設計的定義是什麼？
  • 全面掌握版式設計中的網格系統
    網格系統為設計師提供了一種快速設計版面的手段，是理性了，也就是說大部分設計師無需依靠太多創意，僅依靠網格系統就可以設計出不錯的版式效果。 3、約束版面 這種特點常體現於書籍、雜誌、畫冊這類多頁版式設計之中，成系列的編排，利用相似的網格框架，保持每一頁之間相互都有關聯性，產生整體感。
  • 先了解規格、版式,再考慮頁面設計
    這一講主要向大家介紹一下家譜常見的開本、式樣與版式，這是用常用辦公軟體進行家譜版式設計的基礎。本文及圖片除註明出處外均為悅華海音原創，不經本人允許，請勿用於商業用途。家譜和普通書籍在規格、版式上差別很大，如果要自己動手在電腦上進行頁面設計、圖文錄入，首先得了解下家譜式樣的基本常識。如不然，有可能做無用功。舉個例子，印刷機是有有效印刷範圍的，如果你設計的版面超出了範圍，按原尺寸印刷，有些邊框、甚至文字就無法印出。
  • 想做好版式設計?先了解版式要點①
    另外，對角線布置就是在版面對角線的兩端放置同樣大小的圖片，這也是種基本的版式設計方式，可讓版面呈現沉穩、安定感，讓人能冷靜地仔細閱讀內文。1、利用對角線創造版面圖例將裁切成同樣大小的圖片放置在版面右下及左上角位置，通過典型的對角線布置，讓讀者能認真地閱讀。
  • 小設計的《版式設計》筆記
    3.利用視覺中心建立視覺流程為了更好的烘託主體，可採用增大圖形面積，加強圖形和周圍背景的對比關係等手法來強調。自由版式設計的規律：創新的自由性文字圖形的一體性破碎的結構性字體的多樣性局部內容的非閱讀性編排構成的方法的選擇
  • 保姆級UI界面版式設計實用小技巧
    ，不論是交互邏輯還是設計細節，非常佔用設計師的時間成本，在這裡我為大家分析和整理了常用的一些實戰設計小技巧，幫助大家節省一些搜集資料的時間，希望幫助設計師們提高設計品質和效率！ 二.UI界面中實戰版式技巧分析 1.版面中的空間關係元素 在界面版式設計中，可以運用平面設計中的結構思考方法去理解UI界面中的空間元素結構的分布對應，下面以新聞類客戶端為例進行頁面元素分析
  • 學會這些版式設計知識,讓你做出高級的排版
    版式設計決定作品視覺傳達的傳播工具在這個時代，無論是紙媒還是網際網路，信息的傳播都離不開版式設計，好的版式設計可以在有限的頁面內,以最快速、直接、有效的方式傳遞出核心的信息內容，並讓受眾建立深刻而良好的印象。所以，今天我帶領大家學習一些版式設計知識，希望可以幫助到你們早日做出爆款的版式~！
  • 《常用字體規範》——版式界面設計必備
    拿到設計需求後，開始進行設計，不知道從何去調整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調著調著就大小或顏色不統一了。並且容易導致設計稿反覆得修改。設計出來的效果圖文字左右間距層次不齊，導致與預期不符等。這小節我將和大家理一理界面中常用的字體，字號，字體顏色及間距對齊的一些小經驗。希望能對大家有些幫助。
  • 現代版式設計風格
    文/易曉 版式設計是平面設計的基礎。版面的構成要素包括圖像、文字、圖形、色彩、線條等，但設計不是對這些要素的簡單羅列，這些無聲的視覺符號需要我們斟酌安排，使之具有形式美的含義。版式設計決定著平面設計的基本結構、設計的基調。設計中的結構是內斂而隱蔽的，它們藏匿在漂亮而感性的圖式背後，無聲地體現著設計中理性的規範。
  • 日式設計的7個版式技巧
    在平面設計領域，小日本一直都是世界領先水平，個性鮮明的日式風格受到世界各地設計師的追捧（當然跟他們的「特產」還是沒法比的），尤其是版式設計，似乎與我們平常所接觸到的都不太一樣，獨樹一幟又美得很有想像力，很多設計師想學卻感覺無從下手。
  • 如何做好用戶界面中的版式設計?來看資深設計師的總結!
    前言說到版式設計很多人更多聯繫的是平面設計中的海報版式設計，而在UI界面設計中，也需要遵循很多的版式設計方法論，今天我為大家整理一份UI設計中版式的實戰運用以及設計思路。所以設計師在視覺走查時要特別注意，我的習慣是同時用2個不一樣的手機，一個手機放效果圖一個手機安裝實際測試程序，2者進行對比，才能更好的看出區別來。
  • 這些版式設計小技巧收藏好!
    我們在做設計時很多時候會去追求「高級灰」、「高逼格」亦或者是「獨特性」，其實更重要的是要符合產品的調性和產品對象人群，不能一味的去追求自我的「設計追求」，比如下面的2個案例就很好的表達出了產品的調性，明確的告訴用戶我是做什麼產品的，為什麼樣的人群去服務的6.畫面焦點
  • 書籍版式設計解讀
    我們用書籍版式設計解讀、釋放每一文本的潛在視覺語言與表現形式，嘗試為讀者帶去舒適而愉悅並且更具個性特質的閱讀感受，希望在這個什麼都「快」的時代，書籍能夠留住我們對時間的感覺，在慢下來的時間裡去體驗紙張和文字在指縫間、目光中的流動……
  • 經驗|版式設計在界面中的應用
    本文轉載自【微信公眾號：TCD設計中心】,經微信公眾號授權轉載，如需轉載原文作者聯繫 引言版式設計關注的是設計中文字和圖像的位置關係。 這些元素應該如何擺放，它們彼此以及整體設計構想的關係，都會影響到用戶對內容的識別與接收，以及他們對內容所產生的情緒反應。
  • 版式設計基礎要點包括哪些?
    版式設計的基礎在於能夠流暢地傳達信息，視覺感官上要順暢，讓信息在這樣的「流」的狀態下，準確、有效地傳播。版式設計所具備的基本特徵其實也是版式設計的原則。那麼，版式設計基礎要點包括哪些呢?今天就跟隨小編一起來了解下吧!
  • 版式設計五大關鍵點分別是什麼?
    所謂版式規劃，即在版面大將有限的視覺元素，進行有機的排列組合，將理性思維個性化地表現出來，是一種具有個人風格和藝術特徵的視覺傳達方法，能夠產生感觀上的美感，它的規劃原理和理論貫穿於平面規劃的一直。那麼，版式規劃五大關鍵點是什麼呢？
  • 平面設計版式設計原理
    版式設計就是在畫面上，將圖片、文字進行排列組合，以達到傳遞信息和滿足審美需求的作用。設計的對象是圖片和文字。 設計的目的是傳遞信息和滿足審美需求。版式設計主要分二塊，樣式和版面，樣式是指文字、圖片的外觀。使用不同的文字、圖片樣式能帶給人以不同的感受。版面是當選擇好適當的樣式後，接下來就需要調整這些樣式的位置關係。樣式按什麼樣的關係排列，我們稱為版面。版式設計的範圍包括招貼畫、報紙、刊物、書籍（畫冊）、產品樣本、掛曆、唱片封套等平面設計的各個領域。
  • 廈門促銷海報設計版式基本要求
    ，是整個版式設計中需要突出的重點，不管是文案還是背景，都是在為烘託商品而服務，所以在設計上一定要突出產品的主題，讓用戶能夠清楚直接地理解海報想要表達的意義，因此在設計時要減少不必要的輔助元素。 2、信息層級要分明 整個版式設計首先要區分信息層級，先區分清楚商品層、文案層、背景層到底哪個部分是畫面的重心，哪個需要著重表現。如果整個海報的版式布局比較分散、元素分布過於平均，會使用戶不能迅速掌握瀏覽的重心。線上促銷海報的版式設計中，要注意信息區塊的分層，信息傳達的越多，主題越不明確，就越不容易達到明確的效果。
  • 內容太多的PPT,如何排版設計讓頁面更直觀?這樣做效果很贊
    不知道大家從上3個案例中，有沒有得到一些借鑑的方法。顯然，案例中藉助線條元素，處理內容關係，同時切分頁面內容版式，分離內容，從而讓信息更清晰。除此之外，還有這種使用形狀對整體邏輯內容進行區分，總之讓內容再多的頁面也要變得簡潔。
  • 只有五段內容的PPT,如何提高頁面的設計感?分享9個方法
    案例設計3如果你感覺上面的效果比較複雜，還有一種簡約的效果也不錯，使用半環繞型版式設計。這種版式對於處理多組內容非常好用，而且設計感也不錯。將中間的主題效果調整為下面這種漸變線，底部使用一組小圓形裝飾。處理好之後，即可將內容直接放上去。