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

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

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

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

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

2.何為版？

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

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

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

節(jié)奏型指的就是在同一個(gè)頁面內(nèi)容中，距離的款式不要太多，另外距離盡量運(yùn)用倍數(shù)，比方1X，2X，3X，4X。比方現(xiàn)需規(guī)劃一個(gè)讓用戶感受到輕松愉悅的頁面，能夠運(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)量的尺寸來看，京東金融應(yīng)用程序的距離是以4為單位進(jìn)行倍增，但用的則是較大的距離。而制造的Airbnb則是以12的單位進(jìn)行縮放，不同的棚格份額傳遞的情感也是不一樣的。因此距離沒有的設(shè)定值，而是依據(jù)業(yè)務(wù)進(jìn)行適當(dāng)調(diào)整。