中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)讀：好的設(shè)計原則是可以很容易被大眾學(xué)習(xí)和實踐的，本文作者從自身工作經(jīng)驗出發(fā)，為我們分享了一些立馬就能用到的設(shè)計小技巧并分別進行了介紹分析，希望能夠給你帶來一定的啟發(fā)。

上大學(xué)的時候，幾乎所有的設(shè)計專業(yè)都要先學(xué)習(xí)平面構(gòu)成，里面的設(shè)計原則是所有設(shè)計的基礎(chǔ)。體驗設(shè)計亦是如此，今天我將分享一些我曾學(xué)過，并且仍在使用的幾個細微知識點。不同于那些常掛在嘴邊的大道理，而是一些實用的小技巧。希望你在讀完后會和我一樣，學(xué)以致用～

01 重力

重力適用于任何現(xiàn)實存在的對象，在體驗設(shè)計中也是如此。

雖然在視覺中重力并不像現(xiàn)實生活中那樣是一種真正的力量將二維物體向下拉。但是我們已經(jīng)被深深的影響，所以在看視覺作品時我們也有相同的感受。以下面的圖片為例，你是不是總擔(dān)心上面的球會突然掉下來而感覺不舒服？

再看下這張相反的呢？

這種構(gòu)圖看著就會舒服很多，更像是一個物體停留在頁面底部，沉穩(wěn)且平靜。

看下重力在產(chǎn)品界面中的運用。懸浮按鈕一般都是固定在界面下方（中間或者右側(cè)），如果將它放在上面會是怎樣的效果？是不是突然感覺到頭重腳輕？這就是重力感知對我們的影響。

02 閱讀習(xí)慣

現(xiàn)在我們閱讀的習(xí)慣是從左到右，從上到下。所以往往左側(cè)的對象會被視為進入，而右側(cè)的對象被視為離開。

如圖，還是這個球。因為我們從左到右閱讀，所以感覺這個球在緩緩進入到畫面。相反下面的球感覺像是在退出畫面。

同理，因為我們是從左到右、從上到下閱讀，所以我們自然也是會先看到左上角的物體，然后才會移到右下角：

相應(yīng)的在體驗設(shè)計中我們肯定也要遵循這種原則，譬如支付寶和美團的首頁頭部，往往將最重要且高頻的四個功能放在上面；再比如產(chǎn)品金剛區(qū)icon的排布，也是將最重要的入口放在左上角。作為用戶，你也應(yīng)該是先看第一個icon。

03 視覺張力

“張力”是一種抽象的東西。從物理學(xué)的角度講“張力”包含著能量，具有運動的特征，從生命科學(xué)的角度來講“張力”則是生命的象征。

而視覺設(shè)計的“張力”則是一種抽象的力量，它雖然不能像物理中的“張力”那樣顯示于儀器，但卻可以被人們所感知，并且傳達某種信息或者情感。

圖1這個球，周圍有相等的空間（力），圓靜靜地位于中心，就不存在張力；如果將它移離了中心（圖2），由于四面的空間（力）不再相等，該空間現(xiàn)在處于活動狀態(tài)，從而建立了緊張氛圍，球似乎被推向右邊；在圖3中，將球移到了更靠近右側(cè)的位置，隨著球和邊緣之間的距離減小，張力會增加，直到球接觸邊緣的時刻為止。

在體驗設(shè)計中也是如此。如下圖，全部居中的內(nèi)容會讓界面顯得缺乏力量，雖然這樣放也不會有錯，但就是感覺缺點什么。如果把這種居中狀態(tài)打破，界面就變得具有“張力”，也多了一絲小細節(jié)。

04 空白空間

空白空間（也稱為“負空間”）是版式中保留為空白的區(qū)域?？瞻卓臻g是頁面上所有對象的呼吸空間。它不僅可以定義對象的界限，還可以按照格式塔原理在內(nèi)容之間建立必要的聯(lián)系，給設(shè)計帶來呼吸感，還可以幫助突出特定內(nèi)容或特定部分。

在UI設(shè)計中，對空白空間的把控直接影響到設(shè)計的質(zhì)量，如下圖，如果控制不好空白空間的度，整體就顯得比較臃腫、透氣感差，對使用者在視覺上也會造成困擾。

05 視覺平衡

老話說“眼見為實”，但是眼睛看到的一定都是真實的么?其實不然，事實上我們經(jīng)常被自己的眼睛“欺騙”。所以，作為設(shè)計師一定要先練就一副像素眼，才能用作品“欺騙”用戶的眼睛。

比如常見的播放按鈕，如果直接將三角形和背景的圓居中對齊，在理論上是正確的，但在視覺上看著就很奇怪；如果我們給他加一個外切圓輔助，然后再與背景的圓對齊，這樣在視覺上就可以達成平衡。

當(dāng)我們在做卡片式設(shè)計的時候，通常會遇到如下情況：卡片外文字一般要與卡片邊緣對齊，但是與卡片內(nèi)文字就會產(chǎn)生錯位。如果我們將卡片效果做重，這樣卡片就會和內(nèi)部內(nèi)容形成一個整體，從而與外部文字對齊會更加自然。

06 結(jié)語

以上講的這些視覺原理適用于任何領(lǐng)域的設(shè)計中，它們簡單明了地體現(xiàn)了我們的大腦和眼睛是如何感知視覺信息的。而作為設(shè)計師，我們也要依據(jù)這些原理來指導(dǎo)我們的設(shè)計，這樣才能做出用戶體驗優(yōu)秀的產(chǎn)品。

作者：崔琦偉，視覺設(shè)計師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設(shè)計中心（微信公眾號@58UXD），作者@崔琦偉

題圖來自 Unsplash，基于CC0協(xié)議。