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

編輯導(dǎo)語(yǔ)：我們的視覺每天都會(huì)接受很多信息，對(duì)于我們看到的一些信息，我們會(huì)有自己的理解和看法；比如我們對(duì)于屏幕上的一些線條和圖形的理解，會(huì)讓我們產(chǎn)生某種情緒；本文作者分享了關(guān)于6個(gè)用戶體驗(yàn)設(shè)計(jì)師應(yīng)了解的視覺設(shè)計(jì)原則，我們一起來看一下。

當(dāng)我在大學(xué)學(xué)習(xí)視覺傳達(dá)設(shè)計(jì)時(shí)，我著迷于設(shè)計(jì)師讓人們以某種方式思考，感受和行動(dòng)的力量。

在作為產(chǎn)品和UX設(shè)計(jì)師幫助產(chǎn)品擴(kuò)展到數(shù)以百萬(wàn)計(jì)的用戶并實(shí)現(xiàn)收入的十年之后，我仍然使用在我頭幾年學(xué)到的許多基本課程-檢查形狀，布局，并思考形式如何影響使用我的產(chǎn)品的人們。

我們都聽過的VI的小號(hào)UAL設(shè)計(jì)元素狀，線等，我們已經(jīng)有一個(gè)像對(duì)比，重點(diǎn)，節(jié)奏等打成了我們頭上的原則。

我將分享一些微妙的知識(shí)，而不是像我作為平面設(shè)計(jì)師所學(xué)的訓(xùn)練那樣經(jīng)常提到的原則，但直到今天我仍然會(huì)使用；稱它們?yōu)楦呒?jí)，稱其為鮮為人知，但我希望通過共享它們，可以提升整個(gè)設(shè)計(jì)社區(qū)的水平！

一、原則

1. 重力

重力適用于對(duì)象和形狀，即使在視覺傳達(dá)中也是如此；這聽起來可能很奇怪-重力并不像現(xiàn)實(shí)生活中那樣是一種真正的力量將二維物體向下拉。

但是引力深深地扎根于我們對(duì)現(xiàn)實(shí)的感知之中，以至于它甚至可以轉(zhuǎn)換為頁(yè)面上的二維物體；以下面的圖片為例，好像您正在等待頂部的圓環(huán)隨時(shí)掉落一樣，應(yīng)該會(huì)感到有點(diǎn)不舒服。

現(xiàn)在看下面的這張圖片-相反。

這種構(gòu)圖應(yīng)該不像要掉落的球，而更像是一個(gè)物體只是停留在頁(yè)面底部，接地、平靜的。

當(dāng)您設(shè)計(jì)頂部的視覺重物可能會(huì)感到不舒服并感到焦慮時(shí)，要有意識(shí)和認(rèn)知（當(dāng)然，除非您要傳達(dá)這種感覺）。

2. 閱讀方向

在西方社會(huì)（反之則相反），我們從左到右，從上到下閱讀；因?yàn)檫@，左側(cè)的對(duì)象被視為進(jìn)入，而右側(cè)的對(duì)象被視為離開。

這是左邊的圓圈，同樣，因?yàn)槲覀儚淖蟮接议喿x，所以圓感覺就像它進(jìn)入了合成；在下面，圓圈感覺像是在退出。

您也可以使用它來傳達(dá)某些情緒，例如，想讓一個(gè)物體看起來像在偷窺嗎？您可以創(chuàng)建如下所示的構(gòu)圖：

或者相反，想要傳達(dá)一個(gè)逃跑的對(duì)象（或角色）嗎？

3. 閱讀優(yōu)先

因?yàn)槲覀儚淖蟮接覐纳系较麻喿x，所以我們自然會(huì)先看到左上角的物體，然后我們的眼睛自然會(huì)移到右下角，然后再看那里的東西。

這很重要，因?yàn)槿绻鷩L試創(chuàng)建視覺層次結(jié)構(gòu)（也許您希望用戶先看到標(biāo)題，然后再看到內(nèi)容），即使它們的形狀/顏色/大小相同，也可以使它們放置在其中有所不同。

請(qǐng)?jiān)谝韵率纠校?/p>

最有可能的是，如果您是從左上角到右下角閱讀英語(yǔ)書籍的，那么您首先應(yīng)該在右下角之前先查看左上角的圓圈。

4. 視覺張力

我曾經(jīng)把這種描述描述為我的身體緊張感得到了轉(zhuǎn)化和增強(qiáng)，當(dāng)您看到一桌裝滿液體的杯子坐在桌子邊緣時(shí)，就會(huì)有這種感覺。

通常，視覺張力只是無(wú)意識(shí)的-設(shè)計(jì)師沒有意識(shí)到他們不小心將形狀彼此相鄰，從而在不知不覺中產(chǎn)生了張力，這可能會(huì)遇到馬虎。

看一下下面的圖片：

感到不舒服嗎？這是下面突出顯示的所有張力點(diǎn)。

如果您有意，可以使用視覺張力吸引用戶的眼睛并產(chǎn)生焦慮感；也許您正在設(shè)計(jì)用于抗議的海報(bào)，或者想將某人的注意力集中在某物上；在這些情況下，請(qǐng)確保您的緊張情緒是故意的，不會(huì)像看起來的錯(cuò)誤那樣消失。

這是相同的構(gòu)圖，其中的張力集中在特定的位置，并且有意將其放在特定的位置。

5. 動(dòng)態(tài)與靜態(tài)

靜態(tài)成分經(jīng)常會(huì)讓人感到無(wú)聊。給它添加香料并使它更令人興奮的一種簡(jiǎn)單方法是簡(jiǎn)單地傾斜地平線，這是一個(gè)感覺陳舊的靜態(tài)圖像的示例。

現(xiàn)在傾斜地平線，突然之間，城市景觀看起來更加令人興奮。

為了使構(gòu)圖更加生動(dòng)有趣，您可以接合邊框并讓形狀在其外部流血。查看以下3點(diǎn)透視圖組成：

6. 激活負(fù)空間

您可以使用方向性形狀激活負(fù)空間一點(diǎn)，方向力太小，負(fù)空間保持不活動(dòng)狀態(tài)；這是一種形狀，可以引起您的注意，然后向上和向右移動(dòng)眼睛。

問題是，當(dāng)您到達(dá)頁(yè)面右上角時(shí)，您的注意力可能會(huì)消失；您的眼睛移過對(duì)象，但那里的空間太大，而來自對(duì)象的方向力也太小，您的眼睛掉了下來，該空間保持不活動(dòng)狀態(tài)。

但是，通過一些裁剪/縮放：

突然之間，形狀周圍的空間看起來既有意圖又活躍。帶走？如果您要移動(dòng)別人的視線，請(qǐng)注意不活動(dòng)的負(fù)空間。

一個(gè)簡(jiǎn)單的技巧就是用手指指向?qū)ο?，沿眼睛自然移?dòng)的方向移動(dòng)，并注意您的注意力自然下降的位置；如果那是您想要的方式，則需要調(diào)整布局（形狀或邊框）以使該負(fù)空間保持活動(dòng)狀態(tài)。

不要讓CSS，HTML或您使用的任何其他技術(shù)限制您，以確保您的作品能夠按照設(shè)計(jì)人員的要求做；這些視覺原理將適用于任何媒介-印刷，數(shù)字，網(wǎng)絡(luò)，隨便您如何命名。

它們只是我們的大腦和眼睛如何連接以感知視覺信息，無(wú)論采用哪種形式！

作者：Chris Lee，譯者: 南設(shè)；譯者公眾號(hào)：南設(shè)（ID：shemenglianmeng）

來源：https://uxdesign.cc/6-visual-design-principles-that-ux-designers-should-be-aware-of-f609f9293703

本文由 @南設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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