一學(xué)就會(huì)丈秩!保姆級(jí)詳解版式設(shè)計(jì)思路(上)

很多設(shè)計(jì)師在平時(shí)工作中,總是不知道從哪里開始入手設(shè)計(jì)烁巫,總是會(huì)問到是先找素材還是先排版的問題署隘。今天就為大家細(xì)細(xì)講一下作圖的詳細(xì)步驟,以及如何利用項(xiàng)目調(diào)性與主體動(dòng)勢(shì)解決畫面的版式問題亚隙,首先只有把控好最終的項(xiàng)目調(diào)性才能確定字體的選擇磁餐,色彩的搭配以及構(gòu)圖的方式等。而主體動(dòng)勢(shì)也在一定程度上決定了項(xiàng)目的調(diào)性阿弃。本內(nèi)容就是為大家?guī)眄?xiàng)目調(diào)性與主體動(dòng)勢(shì)的相關(guān)概念以及它們之間存在的內(nèi)在關(guān)聯(lián)诊霹。

文章目錄

在我們實(shí)際工作中會(huì)涉及到方方面面的問題,任何方法和思路都不可能一次性教會(huì)你如何融會(huì)貫通渣淳,本文將絕大部分我們能涉及到的核心因素都羅列出來畅哑,以上為本期內(nèi)容的目錄,希望能夠讓大家有個(gè)更加清晰的閱讀邏輯水由。

在單獨(dú)講解主體動(dòng)勢(shì)的概念之前,我們先來看看項(xiàng)目調(diào)性的基本概念赛蔫。

項(xiàng)目調(diào)性又名項(xiàng)目氣質(zhì)砂客,其主要作用就是決定了畫面的整體方向,接到一個(gè)項(xiàng)目呵恢,我們首先就要先明確其調(diào)性鞠值,不要著急圖文編排,否則畫面很容易就南轅北轍渗钉,半途而廢彤恶。項(xiàng)目調(diào)性可謂在根本上決定了字體的選擇,色彩搭配方式鳄橘,構(gòu)圖形式以及主體動(dòng)勢(shì)等方面声离,分析好項(xiàng)目調(diào)性就是第一步需要做好的步驟。

很多設(shè)計(jì)師看到一個(gè)項(xiàng)目總是會(huì)很迷茫瘫怜,不知道如何去更好的理解一個(gè)項(xiàng)目术徊,除了在網(wǎng)上找相關(guān)的項(xiàng)目介紹外,還有沒有更好的方法去理解呢鲸湃?

其實(shí)我們細(xì)心觀察生活的話赠涮,可以發(fā)現(xiàn)很多隱藏的規(guī)律以及事物與事物之間的內(nèi)在關(guān)聯(lián)性,而認(rèn)知習(xí)慣則是人們對(duì)一個(gè)項(xiàng)目了解的首要方式暗挑。

認(rèn)知是個(gè)體認(rèn)識(shí)客觀世界的信息加工活動(dòng)笋除。感覺、知覺炸裆、記憶垃它、想象、思維等認(rèn)知活動(dòng)按照一定的關(guān)系組成一定的功能系統(tǒng),從而實(shí)現(xiàn)對(duì)個(gè)體認(rèn)識(shí)活動(dòng)的調(diào)節(jié)作用嗤瞎。在個(gè)體與環(huán)境的作用過程中墙歪,個(gè)體認(rèn)知的功能系統(tǒng)不斷發(fā)展,并趨于完善贝奇。

通過言語虹菲、色彩、形體或印象掉瞳,去理解毕源、體驗(yàn)與表達(dá)個(gè)別的、具體的事物中的一般意義陕习,以與人霎褐、社會(huì)、自然和宇宙之最一般或最本質(zhì)的方面该镣,建立認(rèn)知的冻璃、道德的與審美的聯(lián)系,而習(xí)慣上往往將認(rèn)知與情感损合、意志相對(duì)應(yīng)省艳。

人們看到一種事物,往往是通過事物的形態(tài)特征去判斷是否有好感嫁审,在人際關(guān)系中也是這樣跋炕,總會(huì)憑借第一視覺印象,比如一個(gè)人的高矮胖瘦甚至是長相從而去評(píng)判該人是否容易相處律适,自己是否有好感辐烂。對(duì)其他事物同樣如此,比如狗狗捂贿,有人喜歡柯基纠修,柴犬那樣萌萌的可愛風(fēng),有人則喜歡阿拉斯加眷蜓,杜賓那樣威武酷酷的風(fēng)格分瘾。

這一點(diǎn)如果能應(yīng)用到設(shè)計(jì)思維中,其實(shí)能夠解決很多80%的問題吁系,而20%的問題則是一個(gè)設(shè)計(jì)師對(duì)不同細(xì)分領(lǐng)域的知識(shí)儲(chǔ)備德召。

我們舉個(gè)簡(jiǎn)單的例子,來共同探討事物的形態(tài)特征在我們的認(rèn)知習(xí)慣中發(fā)揮著怎樣的作用汽纤,如何能夠解決具體項(xiàng)目調(diào)性的問題上岗。

按形態(tài)區(qū)分

A/外形圓潤

在人們的認(rèn)知習(xí)慣中往往會(huì)先通過視覺分辨事物的形態(tài)特征,比如在上圖12張圖片中我們很容易就可以通過形態(tài)將下面的6張圖片歸于一組蕴坪。

原因很簡(jiǎn)單肴掷,在我們視覺上他們的形態(tài)特征就是外形比較圓潤敬锐,缺少棱角,在我們的認(rèn)知習(xí)慣中呆瞻,他們更應(yīng)該是偏可愛台夺,柔軟,光滑痴脾,對(duì)自己造不成身體傷害的心理印象颤介。

上面兩張海報(bào)分別是萌寵與母嬰設(shè)計(jì)作品,我們通過形態(tài)上的分析赞赖,不論是狗狗還是幼兒形態(tài)都是比較圓潤的滚朵,在字體選擇上選擇了比較有曲線感的手寫體,字型棱角不分明前域,與主體對(duì)象氣質(zhì)相匹配辕近,心理上更加安全,激發(fā)人的愛心與保護(hù)欲匿垄。色調(diào)上往往采用的是明色調(diào)移宅,明色調(diào)在色彩重量上感受比較輕盈,柔軟椿疗,構(gòu)圖上主要采用中心構(gòu)圖吞杭,文字環(huán)繞主體存在,聚焦性更強(qiáng)变丧。

按形態(tài)區(qū)分

B/外形銳利

而這6張圖片在形態(tài)特征上則恰恰相反,外形都趨向于銳利绢掰,棱角分明痒蓬,在我們的認(rèn)知習(xí)慣中,他們更應(yīng)該是偏硬朗滴劲,堅(jiān)固攻晒,鋒利,很容易對(duì)自己造成傷害的心理印象班挖。

這兩張海報(bào)整體的視覺效果非常棒鲁捏,如果站在主體對(duì)象的特征上分析并不難理解,不論是汽車還是汽車人大黃蜂棱角非常鮮明萧芙,給人以堅(jiān)固给梅,硬朗,銳利的視覺感受双揪,汽車的速度感與工業(yè)感动羽,以及大黃蜂的力量感與爆發(fā)力都表現(xiàn)的相當(dāng)充分,所以字體盡量選擇黑體或者無襯線體這類棱角比較分明的字型渔期,構(gòu)圖形式上可以選擇滿版或者傾斜構(gòu)圖以體現(xiàn)強(qiáng)烈的視覺沖擊力运吓。

這次文案是關(guān)于時(shí)尚風(fēng)潮的項(xiàng)目渴邦,主圖選擇了一個(gè)拿著氣球的輕時(shí)尚女孩,女孩自身的色彩冷暖對(duì)比也較為豐富拘哨。

這6張圖中谋梭,單獨(dú)提取最后一個(gè)智能機(jī)器人,它隸屬于科技行業(yè)倦青,不論從商業(yè)競(jìng)爭(zhēng)力上還是生產(chǎn)力的角度上瓮床,它與其他幾個(gè)對(duì)象有本質(zhì)的區(qū)別。

行業(yè)特征所蘊(yùn)含的氣質(zhì)要遠(yuǎn)遠(yuǎn)大于獨(dú)立對(duì)象的個(gè)性姨夹,什么意思呢纤垂?比方說運(yùn)動(dòng)這個(gè)行業(yè),不論是男性還是女性磷账,凸顯的都是行業(yè)的氣質(zhì)峭沦,而與性別個(gè)體無太大關(guān)系。

這兩張海報(bào)乍一看風(fēng)格差異相當(dāng)大逃糟,左圖的主體對(duì)象是手機(jī)吼鱼,我們看它的形態(tài)特征也是圓角弧度,而右圖的主體對(duì)象是人機(jī)合一的AI機(jī)器人绰咽,形態(tài)特征反而棱角分明菇肃,但它們都屬于尖端科技行業(yè),所以在字體的選擇上都傾向于細(xì)體字型取募,氣質(zhì)上偏精致與高級(jí)琐谤。色彩上選用冷色系,體現(xiàn)科技行業(yè)的高深與酷炫玩敏,構(gòu)圖上則可以選用上下或者左右分割構(gòu)圖斗忌,亦或者是滿版構(gòu)圖都可以。

這兩張海報(bào)都屬于運(yùn)動(dòng)行業(yè)旺聚,不同的是海報(bào)中的視覺主體對(duì)象不同织阳,由于運(yùn)動(dòng)行業(yè)在項(xiàng)目氣質(zhì)上更多體現(xiàn)的力量感,動(dòng)感與對(duì)抗性砰粹,所以從這些行業(yè)特性出發(fā)唧躲,是獨(dú)立于性別之外的,兩張海報(bào)在字體選用上都是選擇了粗獷的無襯線體碱璃,以體現(xiàn)其氣質(zhì)弄痹,色彩搭配上左圖選擇的是暖色系,激情活力嵌器。右圖則用的對(duì)比色界酒,對(duì)抗與碰撞。構(gòu)圖上可以選擇中心構(gòu)圖與傾斜構(gòu)圖嘴秸,活潑動(dòng)感毁欣。

除了我們上面所說的行業(yè)特征之外庇谆,在UI,網(wǎng)頁設(shè)計(jì)與工業(yè)設(shè)計(jì)方面還需要考慮到用戶視覺習(xí)慣與心理暗示的作用凭疮,方能將設(shè)計(jì)考慮的更周全饭耳。

比如上面這個(gè)智能AI小助手,從設(shè)計(jì)領(lǐng)域方面也是屬于工業(yè)設(shè)計(jì)的產(chǎn)品执解,其外形的圓潤形態(tài)給用戶以安全性與親切性寞肖,給容易被市場(chǎng)所接納喜愛。在我們生活中衰腌,隨處可以接觸到的計(jì)算機(jī)新蟆,手機(jī),平板等在產(chǎn)品設(shè)計(jì)方面大部分都是采用圓角的弧度設(shè)計(jì)右蕊,而最早的一批電子產(chǎn)品的設(shè)計(jì)往往是方形居多琼稻,隨著人們整體審美意識(shí)的提升,所以就被市場(chǎng)慢慢淘汰了饶囚。這也從另一方面說明了用戶能夠接受的或者更加喜愛的形態(tài)帕翻。

近兩年,最常見的也許就是存在我們手機(jī)應(yīng)用商城中的各類app圖標(biāo)萝风,可謂低頭不見抬頭見嘀掸,他們也是絕大多數(shù)以圓角弧度形態(tài)去展現(xiàn)。

除了手機(jī)移動(dòng)端經(jīng)常見到的各類應(yīng)用型app圖標(biāo)外规惰,在應(yīng)用界面以及各類網(wǎng)頁界面中也是被大量運(yùn)用圓的形態(tài)睬塌,比如有正圓,橢圓歇万,局部的圓角處理等衫仑。

PS:本文來轉(zhuǎn)純自網(wǎng)絡(luò)用于學(xué)習(xí)自己收錄。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末堕花,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子粥鞋,更是在濱河造成了極大的恐慌缘挽,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件呻粹,死亡現(xiàn)場(chǎng)離奇詭異壕曼,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)等浊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門腮郊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人筹燕,你說我怎么就攤上這事轧飞⌒坡梗” “怎么了?”我有些...
    開封第一講書人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵过咬,是天一觀的道長大渤。 經(jīng)常有香客問我,道長掸绞,這世上最難降的妖魔是什么泵三? 我笑而不...
    開封第一講書人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮衔掸,結(jié)果婚禮上烫幕,老公的妹妹穿的比我還像新娘。我一直安慰自己敞映,他們只是感情好较曼,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著驱显,像睡著了一般诗芜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上埃疫,一...
    開封第一講書人閱讀 51,190評(píng)論 1 299
  • 那天伏恐,我揣著相機(jī)與錄音,去河邊找鬼栓霜。 笑死翠桦,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的胳蛮。 我是一名探鬼主播销凑,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼仅炊!你這毒婦竟也來了斗幼?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤抚垄,失蹤者是張志新(化名)和其女友劉穎蜕窿,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呆馁,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡桐经,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了浙滤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片阴挣。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖纺腊,靈堂內(nèi)的尸體忽然破棺而出畔咧,到底是詐尸還是另有隱情茎芭,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布盒卸,位于F島的核電站骗爆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蔽介。R本人自食惡果不足惜摘投,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望虹蓄。 院中可真熱鬧犀呼,春花似錦、人聲如沸薇组。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽律胀。三九已至宋光,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間炭菌,已是汗流浹背罪佳。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留黑低,地道東北人赘艳。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像克握,于是被迫代替她去往敵國和親蕾管。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354