作為一名U規(guī)劃師，除了要具有剖析并整理產(chǎn)品需求的才能，視覺(jué)根底力，更是會(huì)直接影響到該規(guī)劃師水平的幾大點(diǎn)之一。那么其實(shí)視覺(jué)根底才能，是能夠經(jīng)過(guò)故意操練，來(lái)進(jìn)行提升的。很多規(guī)劃師朋友盲目的對(duì)Dribbble跟Behance的上的著作進(jìn)行臨墓，缺少思考，發(fā)現(xiàn)后還是難以進(jìn)步。在這里，我對(duì)U視覺(jué)體現(xiàn)層分別從幾個(gè)維度來(lái)進(jìn)行了-下總結(jié)，共享一下這幾年來(lái)得到的一些經(jīng)歷，希望能對(duì)剛?cè)腴T(mén)的規(guī)劃師朋友有所協(xié)助。

1.頁(yè)面視覺(jué)構(gòu)成幾大要素

在一個(gè)完整的頁(yè)面的視覺(jué)規(guī)劃當(dāng)中，咱們能夠把其幾個(gè)中心視覺(jué)點(diǎn)進(jìn)行拆分，單獨(dú)羅列。比方在一系列頁(yè)面規(guī)劃中，咱們能夠它了解為幾大中心點(diǎn)，如「版，質(zhì)，形，色，字

版-版和格柵，版式距離會(huì)直接影響到頁(yè)面的張力及空間感質(zhì)-頁(yè)面風(fēng)格，肌理維度，整個(gè)產(chǎn)品視覺(jué)調(diào)性形-大面積區(qū)域的形狀，控件尺寸份額，圖形形狀的統(tǒng)一性色-色彩風(fēng)格，頁(yè)面色相，彩度，明度全體風(fēng)格統(tǒng)-性字-字體的款式，字體，字號(hào)，襯線，內(nèi)容識(shí)別性

像這些中心元素，咱們能夠?qū)ζ溥M(jìn)行故意操練，來(lái)提升綜合的視覺(jué)根底才能，不過(guò)首要，咱們需求對(duì)其了解并進(jìn)行整理。

2.何為版？

版，在界面規(guī)劃當(dāng)中，版式會(huì)直接影響到用戶對(duì)該頁(yè)面的了解才能，杰出的信息傳達(dá)力離不開(kāi)科學(xué)的組織布局。信息之間層級(jí)聯(lián)系的羅列展示非常重要，恰當(dāng)?shù)牟季郑苤苯咏?jīng)過(guò)視覺(jué)力來(lái)暗喻信息之間的層級(jí)聯(lián)系。作為頁(yè)面中心骨架，是咱們需求進(jìn)行操練的內(nèi)容點(diǎn)。點(diǎn)一：親密性

這里咱們能夠經(jīng)過(guò)一一個(gè)很簡(jiǎn)單的話術(shù)來(lái)表達(dá)，那就是「同類(lèi)附近，異類(lèi)相遠(yuǎn)」，信息聯(lián)系嚴(yán)密的，距離附近，不同性質(zhì)距離要遠(yuǎn)。究竟搞基才是真愛(ài)。

點(diǎn)二：節(jié)奏性

節(jié)奏型指的就是在同一個(gè)頁(yè)面內(nèi)容中，距離的款式不要太多，另外距離盡量運(yùn)用倍數(shù)，比方1X，2X，3X，4X。比方現(xiàn)需規(guī)劃一個(gè)讓用戶感受到輕松愉悅的頁(yè)面，能夠運(yùn)用較大的柵格距離份額，以12為基準(zhǔn)，比方距離一概運(yùn)用12，24，36，48。如果是信息較為嚴(yán)密的，則能夠運(yùn)用8的倍數(shù)，如8，16，24，32等當(dāng)然。，這也不是值，具 體運(yùn)用情況，還得依據(jù)實(shí)際情況跟業(yè)務(wù)特點(diǎn)而定。

從手動(dòng)量的尺寸來(lái)看，京東金融應(yīng)用程序的距離是以4為單位進(jìn)行倍增，但用的則是較大的距離。而制造的Airbnb則是以12的單位進(jìn)行縮放，不同的棚格份額傳遞的情感也是不一樣的。因此距離沒(méi)有的設(shè)定值，而是依據(jù)業(yè)務(wù)進(jìn)行適當(dāng)調(diào)整。