排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。
如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
以下內容會說明每個設計調整的原因跟優點,部分內容也會解釋原有設計的問題,建議大家在看的時候,可以自己先看圖,判斷一下我調整了什麼以及為何調整,再來看文字介紹可能會更有收穫。

原設計:使用了簡單的圓形標籤,顏色為黑色,文字內容為「2023年中文書籍排行第一名」。
調整後設計:改用了更具吸引力的橙色星形標籤,文字內容為「2023年 中文書籍排行 第1名」,數字「1」變得更加突出。
顏色搭配:
橙色的標籤顏色鮮明,能夠更好地吸引觀看者的目光,並且與標籤形狀的變化相輔相成。
數字強調:
數字「1」使用了更大的字體,並且顏色與其他文字一致,但由於字體大小的變化,使得數字部分更加醒目。
形狀變化:
星形標籤帶來更強的視覺衝擊力,增加了設計的趣味性和吸引力。

原設計:報到日期和日期數字是連續的一行文字,看起來較為單調,沒有突出重點。
調整後設計:將報到日期和日期數字分成兩行,並且使用方框將其包圍起來,使得整體設計更具結構性和一致性。
顏色搭配:
使用紅色來突出日期「03.12」,使得日期部分更加醒目,觀看者可以一眼抓住重點。
數字強調:
將日期數字放大並使用不同顏色,使得日期部分成為視覺焦點,更容易引起注意。
間距與對齊:
通過增加間距和使用方框,使得設計更具層次感和空間感,視覺上更為舒適。

原設計:整句話「超便利學區套房,走路5分鐘」排成一行,資訊看起來比較單調,沒有突出重點。
調整後設計:將句子分成兩行,並且將關鍵資訊「走路5分鐘」放大,顯得更加醒目,整體設計更具設計感。
顏色搭配:
雖然沒有使用不同顏色,但通過字體大小的變化來強調重點資訊,使得「走路5分」更加突出。
數字強調:
將數字「5」放大,使其成為視覺焦點,更容易引起注意。
間距與對齊:
通過分行排列和放大數字,使得設計更具層次感和空間感,視覺上更為舒適。

原設計:按鈕設計簡單,只有文字和邊框,缺乏視覺吸引力,按鈕看起來有些平淡。
調整後設計:按鈕增加了背景色,並加上了一個指標圖標,讓按鈕看起來更具行動提示性,整體設計更為精緻。
顏色搭配:
調整後設計:按鈕使用了黃色背景色,這是一個較為醒目的顏色,能夠吸引觀看者的注意力,並且與黑色文字形成強烈對比,使得文字更加清晰易讀。
圖形輔助:
加入了指標圖標,這是一個常見的互動提示,讓觀看者明確知道這是一個可以點擊的按鈕,提高了點擊的可能性。
視覺層次:
按鈕增加了陰影效果,使得按鈕看起來有浮起的感覺,增強了視覺層次感,按鈕更具立體感。

原設計:使用了點點符號來表示確認項目,這會讓人感到困惑,因為確認清單通常會使用勾選框來表示項目是否已被確認。
調整後設計:使用了勾選框來表示確認項目,這是一個更直觀和標準的表示方式,用戶可以更清楚地理解這是一個確認清單。
使用正確的符號:通過將點點符號替換為勾選框,使得設計更加直觀和易於理解,避免用戶混淆。

原設計(上方):僅使用簡單的文字「無糖」,雖然資訊清晰,但缺乏視覺上的吸引力。
調整後設計(下方):將「無糖」放置在一個藍色的六邊形標籤中,不僅增加了視覺上的吸引力,還使得資訊更加突出和易於識別,且使用藍色一部分原因是為了搭配無糖。
標籤搭配資訊:通過使用標籤來呈現重要資訊,使得設計更具設計感和吸引力,同時也能更好地抓住用戶的注意力。

原設計:文字和圖片人物視覺方向不同,文字在人物背後,文字是黑色。
調整後設計:文字和圖片人物視覺方向相同,且文字是白色加上陰影。
顏色搭配:
文字顏色改為白色且加上陰影,與背景顏色形成強烈對比,使得文字更加清晰易讀,增強了視覺吸引力。
視覺焦點:
這個微調的重點就是讓人物視覺焦點是看向文字,這樣的好處是讓觀看者可以被人物的視覺引導去看文字,讓整體閱讀動線更好。
以上就是完整的微調內容詳解,如果你喜歡這篇內容,也歡迎推薦給有需要的朋友,如果有任何建議或問題也歡迎留言一起交流。