版式基礎(chǔ),體驗一下設(shè)計的整個流程需五!

本篇要寫的是設(shè)計流程鹉动,我相信很多初學(xué)者(說的自己很厲害似的)拿到需求之后經(jīng)常會腦袋一片空白,無從入手宏邮。所以泽示,有一套設(shè)計流程缸血,能很好的幫助我們提高出圖效率。

我們先看看這次的案例素材械筛。(素材來源于網(wǎng)絡(luò),如涉及侵權(quán),請聯(lián)系作者刪除)


設(shè)計流程一·整理信息

拿到文案的我們捎泻,首先要按照需求列好重點內(nèi)容、分析好層級關(guān)系埋哟。因為相同內(nèi)容會因為目的不同而改變笆豁。例如:


在這里我們假設(shè)素材的文案層級關(guān)系與分組為下圖:


設(shè)計流程二·設(shè)置版心和邊距

整理完信息后,就是設(shè)定版心和邊界赤赊。不同版心的設(shè)定闯狱,會不同程度度地改變整體視覺效果。


那是不是所有內(nèi)容都要規(guī)規(guī)矩矩的待在版心內(nèi)抛计?答案是否定的哄孤,很多優(yōu)秀的作品也時長打破常規(guī)來呈現(xiàn)不同的視覺效果。例如:


設(shè)計流程三·設(shè)置網(wǎng)格

版心大小確定好了吹截,接下來我們?yōu)榱俗寖?nèi)容更統(tǒng)一有秩序地高效率填充在版面中瘦陈,網(wǎng)格是我們當(dāng)下強有力的輔助工具。PS可以在視圖-新建參考線版面里直接調(diào)出網(wǎng)格設(shè)置波俄。AI的話晨逝,可以下載輔助線插件guideguide(記不住懦铺?貴的×2W矫病)。


我們給這次案例設(shè)置一個5列7行的一個網(wǎng)格阀趴。


設(shè)計流程四·內(nèi)容填充

這里的內(nèi)容填充就顧名思義昏翰,把開頭整理好的圖文信息,在設(shè)置好版心刘急、邊距棚菊、網(wǎng)格的版面上填充好。大致如下圖:


設(shè)計流程五·強弱對比

說白了就是把重要的內(nèi)容叔汁,層級高的信息统求,讓其突出;反之則讓其凹進不那么突出据块。具體方法有大小對比码邻、透明度高低對比、冷暖對比等另假。我們先對案例這樣處理:


設(shè)計流程六·配色

到這一步其實版面也差不多完成了像屋,可是總覺得缺了點玩意,不如我們給它點顏色看看边篮?


設(shè)計流程七·字體

嗯~字體這個就很有講究了己莺,什么男性奏甫、女性、卡哇伊凌受、襯線體阵子、無襯線體......這里先不細(xì)講,重點講的是設(shè)計流程胜蛉,看效果圖:


設(shè)計流程八·信息圖形化與裝飾

這一步可以讓畫面更加生動挠进、有質(zhì)感,使其更加耐看誊册。文字圖形圖標(biāo)化领突,簡單的例子就是地址變成地圖的形式去展現(xiàn),在不丟失功能性的情況下讓畫面更加容易理解或美觀(案例里沒用到)解虱。裝飾就不用多說了攘须,看圖漆撞。


流程到這里就結(jié)束了殴泰,只要完成以上八個步驟,不說能做的多好浮驳,起碼達到合格線悍汛。并且按照這個流程去多多練習(xí),確實會提升自己的工作效率至会。

感謝閱讀离咐!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市奉件,隨后出現(xiàn)的幾起案子宵蛀,更是在濱河造成了極大的恐慌,老刑警劉巖县貌,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件术陶,死亡現(xiàn)場離奇詭異,居然都是意外死亡煤痕,警方通過查閱死者的電腦和手機梧宫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來摆碉,“玉大人塘匣,你說我怎么就攤上這事∠锏郏” “怎么了忌卤?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長楞泼。 經(jīng)常有香客問我驰徊,道長历谍,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任辣垒,我火速辦了婚禮望侈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘勋桶。我一直安慰自己脱衙,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布例驹。 她就那樣靜靜地躺著捐韩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鹃锈。 梳的紋絲不亂的頭發(fā)上荤胁,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天,我揣著相機與錄音屎债,去河邊找鬼仅政。 笑死,一個胖子當(dāng)著我的面吹牛盆驹,可吹牛的內(nèi)容都是我干的圆丹。 我是一名探鬼主播,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼躯喇,長吁一口氣:“原來是場噩夢啊……” “哼辫封!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起廉丽,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤倦微,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后正压,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體欣福,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年蔑匣,在試婚紗的時候發(fā)現(xiàn)自己被綠了劣欢。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡裁良,死狀恐怖凿将,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情价脾,我是刑警寧澤牧抵,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響犀变,放射性物質(zhì)發(fā)生泄漏妹孙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一获枝、第九天 我趴在偏房一處隱蔽的房頂上張望蠢正。 院中可真熱鬧,春花似錦省店、人聲如沸嚣崭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽雹舀。三九已至,卻和暖如春粗俱,著一層夾襖步出監(jiān)牢的瞬間说榆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工寸认, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留签财,地道東北人。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓废麻,卻偏偏與公主長得像荠卷,于是被迫代替她去往敵國和親模庐。 傳聞我的和親對象是個殘疾皇子烛愧,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容