精致又賞心悅目的圖文排版是怎樣煉成的?

一個讓人看了覺得精致又賞心悅目的圖文排版也不僅僅是頁面布局的美觀設計,更是整體VI的可識性,易讀性

一個讓人看了覺得精致又賞心悅目的圖文排版也不僅僅是頁面布局的美觀設計,更是整體VI的可識性,易讀性。對于非設計師的小編來說,不要求能做到這樣吹毛求疵的日式雜志排版水平,但也得有自己的獨特風格習慣,這不是強迫癥,是對愛你的粉絲讀者負責。







?

色即是空空即是色





你可以選擇沉穩大氣的黑色,充滿理性gay意的藍色,火熱又中立的暗紅,你也可以選擇最新出爐的靜謐藍 / 粉晶



不管你選擇什么顏色,都要基于你公眾號的調性,以及整體風格定位。在選好顏色之后,想要瞬間提升逼格又不會錯,請記住以下三大原則


深灰色作為正文字體主色調


一般來說,你的正文文字最好避免使用墨黑色(純黑),當大面積的黑色字存在的時候會給人以刺眼的感覺(特別是底色還是純白色),這也就是為何“黑色會壓倒一切”,而你所看到的UI設計不論是網頁還是app,看上去的黑色大多數都是深灰,深灰色一般更容易閱讀也不會累眼。



一種顏色突出重點(強調色)


如果你選擇好幾種不同的色調來,那么你的配色方案很大程度上是有問題的。你顏色用得越多,你的頁面就越來越難以控制。所以最好結合你公眾號的VI風格或者本期圖文主題只選擇一種顏色來作為你想要突出的重點事物(我們稱為強調色),黑色不作為強調色,突出的事物比如標題(一級二級)、符號、分割線等等。



對強調色進行同族篩選


推薦配色網站https://color.adobe.com/zh/create/color-wheel



確定強調色之后不斷調整飽和度亮度灰度來選擇眼睛最舒適的顏色值。








舊版微信編輯后臺的標準色卡可以做這一項工作(比較簡單粗暴),自微信后臺改版以來,很多小編苦惱沒有原來的標準色卡,但其實第三方編輯器如 135編輯器(135editor) 仍然保留色卡取色,你可以選擇在編輯器修改顏色復制,也可以選擇借助第三方編輯器查找對應顏色代碼值進行修改編輯存儲。以135編輯器為例:


不知道文字顏色RGB時可直接復制進編輯器打開HTML查看



知道RGB值情況下取色區輸入RGB值,獲取對應#顏色代碼復制便于添加新版后臺使用


135編輯器也會對最近使用的顏色進行記錄,方便直接編輯。







?

距離產生美




比如“深夜發媸”這類情感向賬號標志性排版就是大面積空白,藝術角度上叫做留白(White Space),但是你知道為什么留白嗎?除了有強烈的視覺沖擊力之外還有什么奧秘和理論依據嗎?再談及這個問題之前我想跟大家探討一個更加實用的排版技巧。



以前講課的時候曾提到「 有種逼格叫做兩端縮進 」&有種文藝叫做字字間距 ,從設計學角度而言,它們也是留白的一種簡單形式。比如下面我們講解排版設計段落本身






·排版設計大法·



歐洲各大院校設計師練習排版最有用的辦法就是放棄電腦,然后找到一堆透明硫酸紙,將同種字體同種字號同種粗細的句子或者段落印在硫酸紙上,像下圖,然后不斷地進行排列組合。該方法可以不斷地提高我們對文字與行與段落的認識以及敏感度。





·普通的設計師·





·牛逼的設計師·



分享來自@孫青椒




那么兩端縮進和字間距的效果如何完成呢?

如果要進行CSS的書寫,則需要修改代碼的margin值,調整像素為10px-15px(越大縮進越多)




字字間距則記住這段代碼


<section style="letter-spacing:10px">

這里填寫需要設置字字間距的文字內容

</section>


點擊html后將代碼復制進行修改即可。(關于字間距135編輯器訂閱號也有教過呢,更多實用文章請查看歷史消息)






?

大道至簡 極簡至真




少即是多極簡主義理念,想必大家都耳熟能詳,很多關于簡約主義的說法是減少減少再減少。實際上,極簡主義是一種很極端的的概念,卻又能夠讓你不斷沉思其中,而且對于不同的人和事物有不同的極簡主義。比如對于徐老師而言,極簡主義這種東西似乎是直男設計師的專屬?但是由于美入人心又愛之不已。



Google的標志是極簡主義的代表,既有趣又讓人印象深刻





Google產品的Logo遵循統一的樣式(不包括Icon):每一個創新產品都配上簡約的標志,使人一眼就認出是Google家出來的。比如說Squared的設計, 將手勢和Squared經典方括號形狀結合起來,就創造了一個完美的新標志,就像prezi里面的 Frame ?!




為了既要符合Google的風格,也不能丟掉自己的個性,讓人感到別扭,所以還要繼續紅藍黃綠的配色基調,讓人可以過目不忘。



而對于我們微信圖文排版設計來說,極簡主義相較于整體的VI視覺識別尤為重要,比如你會發現JZ經常使用的 / ???等等,簡單的小符號給人以清晰的邏輯,與此同時帶來滿滿的逼格感,就像為什么字體小反而更有逼格?也是一樣的道理。



再者,文字和圖片也應該有效對齊,保持一定縫隙用以產生節奏感。比如利用表格來實現左右分欄,既可以保證屏幕最大化利用(十屏呈現),也基于用戶體驗來考慮可識性和易讀性。


福利時刻-免費領取7天135編輯器VIP會員】


點擊http://m.seey.com.cn/users/invite/ddb12a17ce400c35fe041d275a578351,注冊135編輯器,即可獲得7天VIP會員


文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
文章評價
登錄后可以評論
立即登錄
我只想做你的太陽資深編輯
一步一步努力向上!
共911篇文章
最近文章
更多
  • 知乎熱議:微信公眾號如何快速漲粉?
  • 0基礎運營小白學習什么新媒體課程比較好?
  • 新媒體,自媒體新人必學的課程有哪些?
  • 不懂就問:新媒體運營應該怎樣學習?
比格設計
熱門工具
135編輯器
領先的在線圖文編輯平臺原創樣式素材,一鍵套用
筆格設計
受歡迎的在線作圖網站,新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產品設計指南
淺談用戶運營中的用戶分層
內容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節,決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關鍵
抖音賬號內容自檢清單!
決定離職后,3天拿到offer的總結與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務費
熱門素材樣式
運營導航
運營工具
分享到
2020精品自拍视频曝光_久久最新地址免费_紧身裙教师中文字幕在线一区_免费国产一级特黄aa大