亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國(guó)推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國(guó)進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國(guó)官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國(guó)的支持和信賴!
聊聊-我關(guān)于設(shè)計(jì)工作的所思所想(視覺篇)
0.0°

隨著工作經(jīng)驗(yàn)的積累,我們學(xué)到東西會(huì)有很多。而整理收獲,能讓我們更好地往前走。這次我分視覺基礎(chǔ)和問題解決與思考2個(gè)篇章記錄

(文中的視覺作品圖均來(lái)源于網(wǎng)絡(luò))

這些東西就像一張張小便利貼一樣把知識(shí)在腦海的房間里貼滿墻面,一時(shí)半會(huì)真的很難找尋。所以定期整理自己的收獲,能讓人更快地找到自己的位置,從而更好地往前走。 

首先,我們可以想一下,何為設(shè)計(jì)?
如果用一句話在概括我認(rèn)知中的設(shè)計(jì),廣義的設(shè)計(jì)可能是 “滿足某種目的手段”

所以,我們做每一件事前,都可以先問問自己,做這件事情的原因,基于這個(gè)原因,應(yīng)該采取什么手段來(lái)達(dá)到這個(gè)目的。


網(wǎng)上找了下,關(guān)于設(shè)計(jì),每個(gè)人每個(gè)領(lǐng)域都有自己的說(shuō)法,比如:

這些認(rèn)知沒有對(duì)錯(cuò),只是所站的角度不同。


但設(shè)計(jì)也是務(wù)實(shí)的工作,除了創(chuàng)造和觸發(fā)改變這些高端使命,設(shè)計(jì)的基本目的還是要:解決這樣或那樣的某類問題。

一、表現(xiàn)層:

1.解決出圖這件事需要有相關(guān)專業(yè)的人來(lái)做的問題

2.專業(yè)的人解決這個(gè)圖在視覺傳達(dá)的問題


二、本質(zhì)層:

解決與梳理因?yàn)橐曈X需求發(fā)生的事情


三、人與人之間的合作

怎么與人合作順暢?


下面以我從業(yè)的運(yùn)營(yíng)視覺設(shè)計(jì)師崗位為例:

怎樣做好表現(xiàn)層?

也就是解決圖像視覺傳達(dá)的問題
1.怎么審視?
第一步:退遠(yuǎn)看
就像我們以前畫畫一樣,退遠(yuǎn)看,瞇眼看,可以看到我們的畫面的整體情況:構(gòu)圖是否穩(wěn)妥,看整體氛圍感與表達(dá)是否合適。下面我們展開細(xì)細(xì)說(shuō)。

什么是構(gòu)圖

構(gòu)圖是設(shè)計(jì)師根據(jù)題材和主題,把要表現(xiàn)的形象組織起來(lái),構(gòu)成一個(gè)協(xié)調(diào)的完整的畫面。


那都有哪些構(gòu)圖方法?

1.三分格輔助線構(gòu)圖/井字線構(gòu)圖

(延伸為上下、左右構(gòu)圖、對(duì)角線、三分法中心構(gòu)圖)

2.中心放射性構(gòu)圖

3.黃金螺旋構(gòu)圖(趨勢(shì)-整體)符合科學(xué)審美的一根線


【三分格輔助線-上下構(gòu)圖】?
【三分格輔助線-左右構(gòu)圖】?
【三分格輔助線-對(duì)角線構(gòu)圖】?
【三分格輔助線-中心構(gòu)圖】?
【中心放射性構(gòu)圖-圓形放射】?
【中心放射性構(gòu)圖-線性放射】?
【黃金螺旋構(gòu)圖】?
在視覺作品中除了構(gòu)圖方法,我們更需要關(guān)注構(gòu)圖平衡

影響視覺平衡的因素有:

畫面中元素的大小、疏密、距離中線遠(yuǎn)近、顏色的明暗程度、以及人的認(rèn)知都可能影響畫面視覺平衡。


下面舉個(gè)關(guān)于構(gòu)圖平衡的栗子:

下圖的插畫作品中,構(gòu)圖平衡嗎?答案是No的,因?yàn)槲腋牧水嬅孀筮吥硞€(gè)元素的大小,導(dǎo)致現(xiàn)在整體畫面視覺重量往右傾斜。


下面是原圖,可以看出畫面中元素的大小、疏密的改變影響畫面的視覺平衡。

畫面中元素距離中線的遠(yuǎn)近影響畫面視覺平衡

我們?cè)倏聪旅娴囊曈X栗子,撇開明暗光影的重量影響,可以看出,畫面左方的牌子,只有距離中線足夠的遠(yuǎn),才能與右方的煮茶器達(dá)到視覺平衡。


畫面中元素明暗程度影響畫面視覺平衡

下圖顏色的明暗程度同樣也影響構(gòu)圖平衡:如下左圖,當(dāng)投影顏色變淡時(shí),畫面整體視覺重量則會(huì)往左方傾斜。

人的認(rèn)知影響構(gòu)圖平衡

上輕下重、下寬上窄的三角形才穩(wěn)定的是人的固有認(rèn)知,一旦畫面與人的認(rèn)知相反,則會(huì)讓人感到不舒服、不規(guī)矩之感。


接下來(lái)我們一起來(lái)看氛圍:

看(色彩、明暗、 光影、字體)氛圍

不同的色彩、明暗和光影包括字體形式的畫面體現(xiàn)不一樣的氛圍氣質(zhì)

1.色彩氛圍

暖色調(diào)畫面 ?

暖色調(diào)是使人心理上產(chǎn)生溫暖的感覺,常與熾熱、溫暖、熱烈、熱情有關(guān)。

對(duì)于視覺而言,它以橙、紅、黃、棕色等大色調(diào)出現(xiàn)。

冷色調(diào)畫面 ?

暖色調(diào)是使人心理上產(chǎn)生涼爽的感覺,常與安靜、涼爽、開闊、通透、時(shí)尚、科技有關(guān)。

對(duì)于視覺而言,它以綠、藍(lán)、紫色等大色調(diào)出現(xiàn)。

多彩的炫光畫面 ?

自然本多彩,但人眼很少能捕捉到,把多彩的畫面展現(xiàn)在人眼,尤其是對(duì)比色的應(yīng)用,

容易激發(fā)和活躍人的各種情緒,活躍畫面。

對(duì)比色畫面 ?

在兩種色彩對(duì)立的畫面中,如勢(shì)均力敵,則表現(xiàn)對(duì)抗、沖擊的感受。如一主色一點(diǎn)睛,則更強(qiáng)調(diào)點(diǎn)睛之筆的故事氛圍。

關(guān)于2種主色視覺畫面的色彩搭配普及 ?

(如下圖)在色輪中,顏色跨度小于30度的為同類色,大于30小于60度的為臨近色,跨度120度左右的為對(duì)比色,跨度為直線180為互補(bǔ)色。

色彩飽和度低的畫面 ?

少顏色和低飽和度就少了色彩情緒的左右,而更容易表達(dá)意境和故事本身。
2.明暗氛圍

整體明度高的畫面 ?

容易給人安靜、開闊的感受,一般以大場(chǎng)景畫面為主。注重突出整體場(chǎng)景意境。

整體明度低(幽暗)的畫面 ?

給人神秘、陰暗、留下懸念的感受,一般以特定懸疑詭異題材為主。

明暗對(duì)比度高的畫面 ?

明暗對(duì)比度高的處理手段烘托畫面主體,烘托情緒、烘托故事氛圍。
3.光影氛圍

光源的分類

按光源的類別我們可以把光統(tǒng)分為:自然光和人造光 ?

自然天光容易給人給人神圣、包容性強(qiáng)的感受;而人造光因人造載體的多樣性所千變?nèi)f化,但人造光的情緒更多的跟人與環(huán)境強(qiáng)相關(guān)。

按畫面發(fā)光源是否可見又能把光分為:有源光跟無(wú)源光 ?

有源光在圖中可以看到發(fā)光物體的畫面,光的來(lái)源更具真實(shí)性,給人代入感;無(wú)源光在圖中看不到發(fā)光的物體,光照來(lái)的方向,引人遐想。

逆光 ?

逆光的表現(xiàn)形式因?yàn)楣庥珊笸暗姆较颍菀捉o人前進(jìn)、光明、積極、偉大、勇闖未來(lái)的視覺感受;同時(shí),逆光的表現(xiàn)手法與主體(或標(biāo)題)的重疊展示,使主體(或標(biāo)題)在畫面中更為突出。

逆光的圖形創(chuàng)意 ?

在逆光的表現(xiàn)方式中,光照來(lái)的方向?yàn)楫嬅嬷行摹9馔高^的門或其他圖形進(jìn)入畫面,使圖形更具有強(qiáng)烈的對(duì)比,更加突顯畫面中圖形的表達(dá),這也是我們做圖形融入場(chǎng)景常用而有效的設(shè)計(jì)表達(dá)方式之一。

頂光 ?

光由畫面上方自上而下落在主體頂部,給人神圣而不可侵犯的感受。

頂側(cè)光 ?

頂側(cè)光是我們?nèi)搜壑写笞匀蛔顬槌R姷囊环N投光方式,它自然而平常,給人親近感。同時(shí)也容易給人安逸而閑適的視覺感受。

橫側(cè)光 ?

光從畫面主體的左右兩側(cè)射來(lái),一盞強(qiáng)烈主光一盞輔助光,給主體邊緣照亮。明暗的強(qiáng)烈對(duì)比,凸顯主體輪廓,給人神秘而強(qiáng)硬的視覺感受。

底側(cè)光 ?

主光源從主體底側(cè)自下而上打來(lái),這種打光方式使得主體與我們?nèi)庋鄢R姷奈矬w明暗截然相反。容易給人大反差和不適感。常用于制造神秘、懸疑或恐怖的畫面表達(dá)。

聚光 ?

在暗色畫面中模擬舞臺(tái)聚光燈的射光聚焦于畫面主體,主要用于展示商品和畫面主體,容易給人尊貴感和聚焦感。

投光-形狀光 ?

在不影響畫面氛圍的前提下壓暗畫面作為襯底,用有一定形狀的透光聚焦畫面主體重點(diǎn)。常用于人物和電商商品畫面,運(yùn)用這種方式能有效增加畫面細(xì)節(jié)和層次感。

投光-圖形光 ?

在不影響畫面氛圍的前提下壓暗畫面作為襯底,以圖形光模擬光透過的載體。可同時(shí)聚焦畫面重心和顯現(xiàn)圖形,常用于logo、圖形或倒計(jì)時(shí)的宣傳。

剪影 ?

剪影的表現(xiàn)手法只顯示輪廓而暗化細(xì)節(jié),制造懸念。常用于預(yù)告型海報(bào)kv。

創(chuàng)意投影 ?

創(chuàng)意投影的表現(xiàn)手法意在與畫面主體形成反差對(duì)比,以投影的形式表現(xiàn)畫面創(chuàng)意,容易給人眼前一亮的感覺。

字體氛圍

如何判斷字體是否符合當(dāng)前視覺氛圍?


首先,我們可以從識(shí)字開始:

字體由字體體構(gòu)、筆畫、和修飾三部分構(gòu)成,字體形態(tài)的變化隨這三部分的變化而變化。
字體結(jié)構(gòu)像人的骨骼一樣,字體的高挑還是矮正、是長(zhǎng)腿還是短腿、是平穩(wěn)端莊還是動(dòng)感,均由字體結(jié)構(gòu)決定 。
字體的筆畫決定了字體長(zhǎng)什么樣,即什么風(fēng)格的字體。
而細(xì)節(jié)修飾則像衣服化妝一樣,加強(qiáng)這種風(fēng)格的特定偏向。

由上述字體信息組合一下我們可以得到一個(gè)簡(jiǎn)單的公式:

字體結(jié)構(gòu)+筆畫風(fēng)格+細(xì)節(jié)修飾=字體的性格走向

看節(jié)奏

節(jié)奏:通過人為的把控組織,使畫面的信息清晰而有規(guī)律地呈現(xiàn)。

說(shuō)到元素組織節(jié)奏,就不得不說(shuō)板式設(shè)計(jì)的四大原則:

1.親密性原則

2.對(duì)齊原則

3.對(duì)比原則 | 大小對(duì)比-疏密對(duì)比-虛實(shí)對(duì)比-遠(yuǎn)近對(duì)比-明度對(duì)比-冷暖對(duì)比-點(diǎn)線面對(duì)比

4.重復(fù)原則

先說(shuō)對(duì)齊:

關(guān)于對(duì)齊初級(jí)設(shè)計(jì)師比較容易忽略的物理對(duì)齊與視覺對(duì)齊
對(duì)比:

重復(fù):

重復(fù)的表現(xiàn)手法不僅可增加畫面細(xì)節(jié)飽滿度,而且通過重復(fù)性的“密”與主體的“疏”形成對(duì)比進(jìn)而凸顯主體,同時(shí)保障畫面統(tǒng)一性


畫面因?yàn)橛泄?jié)奏才會(huì)秩序和律動(dòng)。反之視覺混亂而單調(diào)。


第二步:湊近看

有了上一步的退遠(yuǎn)看整體,把控氛圍正確。下面就可以湊近看細(xì)節(jié)和信息傳遞準(zhǔn)確度
信息傳遞準(zhǔn)確度

1.看按鈕有沒有點(diǎn)擊感

按鈕像不像按鈕?用戶能否一眼識(shí)別這是個(gè)可點(diǎn)擊的按鈕,這影響到頁(yè)面的轉(zhuǎn)化率。

2.模塊是否可點(diǎn)擊

模塊是否可點(diǎn)擊,需要給用戶一個(gè)清晰的認(rèn)知。可點(diǎn)擊的模塊,讓用戶一眼識(shí)別,有助于模塊轉(zhuǎn)化率。

3.信息傳達(dá)是否易讀易懂

減小信息獲取難度是我們視覺設(shè)計(jì)的基本

4.排版上文案閱讀是否有歧義

閱讀存在歧義的排版是比較基礎(chǔ)但卻值得重視的設(shè)計(jì)問題。信息排版需層次分明,杜絕模棱兩可。

看畫面細(xì)節(jié)-細(xì)節(jié)決定成敗

有些細(xì)節(jié)能夠讓我們的視覺變得記憶深刻,而更多的是視覺品質(zhì)高度也由無(wú)數(shù)的細(xì)節(jié)組成。


1.出彩的細(xì)節(jié)?
2.導(dǎo)致視覺品質(zhì)下降的細(xì)節(jié)?

對(duì)于線上移動(dòng)端的設(shè)計(jì)

我們通常在電腦上做手機(jī)頁(yè)面的圖,有時(shí)候可能在電腦看著挺好,但是落到實(shí)際上線可能就會(huì)出現(xiàn)各種問題,所以我們做圖時(shí)需要時(shí)常在手機(jī)體驗(yàn)和閱讀來(lái)確定設(shè)計(jì)輸出的準(zhǔn)確性。

主要關(guān)注我們上述湊近看的一些細(xì)節(jié)和信息傳達(dá)準(zhǔn)確性的問題:

比如有沒有一下虛像素?

比如閱讀順序是否準(zhǔn)確?實(shí)體可識(shí)別性高不高?

而手機(jī)實(shí)時(shí)預(yù)覽的工具有:

PS的可以用Design Mirror、sketch自帶的有sketch Mirror和Figma自帶的手機(jī)端預(yù)覽工具
而線下的視覺因?yàn)槠聊缓蛯?shí)物的差異,最好是打印同比大小的紙張出來(lái)查看效果

Powered by Froala Editor

更新:2022-08-09

收藏

14人已收藏

JUNHENG77

微信號(hào):JunHweixin(添加請(qǐng)備注哦)

  • 21

    作品

  • 96

    粉絲

  • 33

    關(guān)注

  • 我關(guān)于設(shè)計(jì)工作的所思所想(第二部分)
  • 設(shè)計(jì)稿交付后,需求方要改!怎么辦?
  • 運(yùn)營(yíng)設(shè)計(jì)中如何讓標(biāo)題更“凸”出
  • 鴻悅幼兒園吉祥物設(shè)計(jì)

    猜你喜歡

      聊聊-我關(guān)于設(shè)計(jì)工作的所思所想(視覺篇)

      0.0°

      你確定要舉報(bào)聊聊-我關(guān)于設(shè)計(jì)工作的所思所想(視覺篇)

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過10M的附件請(qǐng)使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對(duì)誰(shuí)可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2022年08月09日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      9
      14
      0

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄