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

1.頁面視覺構成幾大要素

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

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

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

2.何為版？

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

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

點二：節(jié)奏性

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

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