12.01 小白入門的15個設計排版細節

小白入門的15個設計排版細節


每個人對於的理解不同,當然結局導向也不同。但還是有一些「使用規則」是值得你注意的,你不這麼做不見得是錯誤的,但是卻可以為你的版式提升些許精緻感,期望你會認同:

1.關於圖片使用的統一性

很多人在製作團隊介紹頁的時候,常常會忽略頭像選用的統一性,這一點你一定要注意,比如下圖的展示就是個例子,如果你要選用組合頭像,要麼選擇同樣的填充形式,要麼,就把核心主體單獨拿出來進行突出展示,不要亂用。


小白入門的15個設計排版細節

小白入門的15個設計排版細節


2.當你不知道如何排版時,或者添加何種元素修飾時,加個底框是個不錯的選擇。


具體實現路徑:

使用動畫對當前圖片進行模糊化處理,再添加一個半透明的重色蒙版遮罩,最後直接將你的排版放上去展示即可。

小白入門的15個設計排版細節

小白入門的15個設計排版細節

3.越用心反而越醜陋,顏色添加的未必越多越好,使用2種顏色正合適。


我看見很多人都特別糾結在多行文本的排版上,或者是標題多的情況下,總是喜歡加一些顏色,並不是說他們不用心,而是因為太用心了,總覺得不夠精緻,反而顏色越加越多,其實效果未必好,2種顏色的選擇足矣。

小白入門的15個設計排版細節

小白入門的15個設計排版細節

4.大面積的使用純色時,難免會給人刺眼的感受,降低畫面的飽和度,是個不錯的選擇。


在HSB模式下降低背景的飽和度,40%-60%的區間就挺好的了,因為我不相信你可以盯住這張圖片超過15秒。

小白入門的15個設計排版細節



5.適當的挪動圖層的前後關係,可以更加突出層次感。

很多人不知道如何擺放圖層關係,所以讓你的版式顯得特別低級,如圖所示:

小白入門的15個設計排版細節

小白入門的15個設計排版細節

如果,對你想要表達的物體進行有效的遮擋反而能突出層次感,如圖所示:

小白入門的15個設計排版細節


6.面對文字與圖片的組合使用時,使用非彩色標題是個不錯的選擇,但是依照你的圖片進行選色,也會讓畫面更加融合。

如下面的這張圖,我可以直接選用白色文字,也可以根據畫面中的圖片進行標題字的處理。

小白入門的15個設計排版細節

小白入門的15個設計排版細節



7.突破邊框的限制,帶來意外驚喜。

這一點是想告訴你,你的元素沒有必要全部存在於邊框之內,適當的進行穿透的裁切處理,反而會讓畫面更加富有空間感。

小白入門的15個設計排版細節

小白入門的15個設計排版細節



8.圖片組合排版時,小圖要放在大圖的上面。

本來人家的圖片就已經很小了,你還要用大圖切掉小圖的位置,導致小圖所傳達的訊息不夠完整,美觀是一方面,但是內容上的不完整也是極大的問題,值得你注意。

小白入門的15個設計排版細節

小白入門的15個設計排版細節


9.多行圖片排版時,不必全都擺上去。

適當的進行部分位置的刪除圖片處理,反而會增加畫面的通透感和呼吸感。如圖所示:

小白入門的15個設計排版細節

小白入門的15個設計排版細節



10.圖標太大,將文字縮小點就好。

你的文字區間佔據了圖標框過大的空間,雖然你以為這是畫面飽滿的一種方式,但是沒有保持透氣性,反而讓人覺得很LOW,值得你的注意。

小白入門的15個設計排版細節

小白入門的15個設計排版細節



11.建議不要直接使用純白色背景,太刺眼。

背景色使用白色時,會讓人覺得畫面很單薄,在投影時,也會顯得很刺眼,適當的進行灰色階處理,或者依照畫面中的圖片選擇色彩傾向,可以讓畫面更加充實。

小白入門的15個設計排版細節

小白入門的15個設計排版細節


12.圖標與邊框的連接處,適當的將邊線進行弱化。

弱化邊線,可以讓圖標顯得更加精緻,或者是疊加一個半透明的遮罩也是個不錯的選擇。


小白入門的15個設計排版細節

小白入門的15個設計排版細節


13.標題字與英文組合時,保持統一性原則。

如果你的標題字實用的是無襯線字體,那麼英文也要使用無襯線字體,如果標題字實用的是有襯線的字體,那麼英文也要使用有襯線的字體,請保持統一性,千萬不要分開使用,正文倒是無所謂,因為都是使用無襯線字體即可,保持易讀性。

小白入門的15個設計排版細節

小白入門的15個設計排版細節

小白入門的15個設計排版細節


14.正文中的分割線請弱化處理。

如果你需要對你的正文進行分割處理時,適當的降低分割線的粗線寬度,可以讓畫面顯得更加精緻,更加突出文字的傳達訊息。

小白入門的15個設計排版細節

小白入門的15個設計排版細節


15.適當的為組合圖片留出間距,讓畫面更加具有呼吸感,連在一起倒是沒什麼問題,但是當色調趨於一致時,反倒不那麼容易被識別。

小白入門的15個設計排版細節

小白入門的15個設計排版細節


上面的15個排版注意事項你都看明白了嗎?如果還不明白可進我們討論群一起參與交流哦!


小白入門的15個設計排版細節


分享到:


相關文章: