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

對(duì)齊是設(shè)計(jì)中老生常談的話題，大家也都很清楚對(duì)齊帶來(lái)的優(yōu)點(diǎn)。本文作者主要分享其在界面設(shè)計(jì)中窺視到的另外一層難以被察覺(jué)的3個(gè)小點(diǎn)，enjoy~

顯然對(duì)齊是任何設(shè)計(jì)中都老生常談的一個(gè)話題，因?yàn)槿藗兊难劬偸窍矚g看到有序的事物，它通過(guò)一條“無(wú)形的線”將部分元素連接在一起，形成了一種視覺(jué)紐帶。這種邊界感令視線有基準(zhǔn)可循、不但讓人在視覺(jué)上有種安穩(wěn)感，更引導(dǎo)暗示人們其中的關(guān)聯(lián)性，有助于人們理解其中的含義。

對(duì)齊對(duì)設(shè)計(jì)的影響在這里就不展開(kāi)多說(shuō)了，網(wǎng)上的文章、設(shè)計(jì)的書籍基本都提到過(guò)很多，現(xiàn)在所思考的是界面設(shè)計(jì)中，對(duì)齊那些不易被察覺(jué)的點(diǎn)，即：布局是否需要考慮對(duì)齊、對(duì)齊的誤區(qū)和其背后功能性的考慮。下面我將從這三個(gè)方面來(lái)進(jìn)行探討和思考。

布局也需要對(duì)齊

除了常規(guī)的元素（字體、按鈕、圖片等）需要對(duì)齊外，布局也需要滿足這一點(diǎn)。大方向的布局過(guò)于統(tǒng)一會(huì)造成列表感（“我的/設(shè)置”界面除外），當(dāng)布局中的常規(guī)元素滿足對(duì)齊這一規(guī)律后，布局與布局之間的對(duì)齊更是需要被考慮到的。

界面中通常包含多個(gè)布局，每個(gè)布局中的元素因?yàn)榇嬖谝欢ǖ年P(guān)聯(lián)性而被放置在一起，因此相似且有關(guān)聯(lián)的元素可統(tǒng)一成為一個(gè)布局。

而其他布局則可酌情采用另外的形式來(lái)表達(dá)，差異性的設(shè)計(jì)布局會(huì)令用戶下意識(shí)的感知到，這是產(chǎn)品中兩個(gè)不同的功能，其所代表的含義是互不相干的。

如上圖所示，我們可以清楚的通過(guò)視覺(jué)感官得知：左邊上方3個(gè)序列排放的卡片是為一體的，相互之間的信息是相似的。實(shí)際上，這三個(gè)卡片的含義也都與存款收益有關(guān)；而左邊下方橫向排列的3個(gè)卡片，又代表了另外一個(gè)功能。右邊雖然是追波虛擬稿，但不難發(fā)現(xiàn)，上方橫向?qū)R的卡片布局和下方豎向排列的卡片布局，它們所表述的是毫不想干的。

對(duì)齊的誤區(qū)

過(guò)度地使用對(duì)齊，容易令視覺(jué)感到疲憊、且找不到重點(diǎn)所在。

如上圖所示，除了衣服的色彩不同，你能很快找出每個(gè)人的區(qū)別嗎？在界面設(shè)計(jì)中，盲目的在一整個(gè)界面中使用同一種對(duì)齊是十分不可取的。

界面中的每個(gè)元素必然有主次之分，那么此時(shí)就可以將較為重要的部分放在其他位置，以此區(qū)分、凸顯。

如上圖所示：左右兩邊的界面都大量使用了左對(duì)齊，但分別有一個(gè)按鈕放在了與之相反的方向：右側(cè)。顯然，右側(cè)的按鈕在界面中更為重要，功能性、交互性都高于下方統(tǒng)一的對(duì)齊形式，這種打破常規(guī)方式的設(shè)計(jì)，更易于被用戶察覺(jué)、點(diǎn)擊。

但需要注意的是，打破常規(guī)的對(duì)齊形式，需要在對(duì)齊很明顯的基礎(chǔ)上操作，并且盡量控制在2個(gè)以內(nèi)，否則會(huì)讓用戶覺(jué)得這并非是故意所為，而是設(shè)計(jì)失誤造成的。以及，為了便于用戶操作，應(yīng)當(dāng)將最為重要的元素放置在反向的上部。

對(duì)齊背后的功能性

早期的界面中，當(dāng)圖片和文字同時(shí)出現(xiàn)在一起時(shí)，大多以左側(cè)圖片+右側(cè)文字的組合出現(xiàn)，但現(xiàn)在也有許多以右側(cè)圖片+左側(cè)文字的情況，拋去視覺(jué)因素，造成這樣的差異又是什么呢？

如上圖所示，兩張圖的右上部分都有一個(gè)功能按鈕存在，但左側(cè)界面的下半部分沒(méi)有另外需要操作的功能按鈕；而右側(cè)界面中，圖片區(qū)域在左側(cè)，文字雖然是左對(duì)齊，但在視覺(jué)分割上所處位置為右側(cè)，并且旁邊含帶了幾個(gè)可以點(diǎn)擊操作的文字按鈕，這些文字按鈕與上方的功能按鈕是右對(duì)齊的，由于拇指規(guī)則的因素，用戶操作起來(lái)也更為方便、順暢。

跟風(fēng)設(shè)計(jì)的背后，應(yīng)當(dāng)考慮實(shí)際操作是否便利，而不是僅僅停留在視覺(jué)追求的層面，如果僅僅只是瀏覽界面，沒(méi)有過(guò)多的功能交互，那么兩種形式對(duì)用戶影響不大。如果是有按鈕需要引導(dǎo)用戶點(diǎn)擊的，就需要考慮其擺放位置是否合理，是否便于操作了。

總結(jié)

對(duì)齊是設(shè)計(jì)中老生常談的話題，大家也都很清楚對(duì)齊帶來(lái)的優(yōu)點(diǎn)，今天分享的是我在界面設(shè)計(jì)中窺視到的另外一層難以被察覺(jué)的3個(gè)小點(diǎn)，即：

1. 除了文字、圖片等一些基本成組的元素需要對(duì)齊外，在宏觀上，布局對(duì)齊對(duì)整體界面的影響也是尤為重要的，其背后起到暗示用戶不同布局的不同含義。
2. 一昧的在界面中統(tǒng)一對(duì)齊也是不可取的，需要將重要的地方凸顯出來(lái)。
3. 不盲目跟風(fēng)設(shè)計(jì)，對(duì)齊除了考慮到視覺(jué)，更應(yīng)該考慮到是否便于用戶操作。

參考資料：《寫給大家看的設(shè)計(jì)書》第六章 p79 [對(duì)齊]

作者：feliam，鉆石級(jí)鏟屎官，為了養(yǎng)活家里五位主子，以及自虐體質(zhì)和奮發(fā)向上的優(yōu)良精神，入了交互UI坑。

來(lái)源：微信公眾號(hào)“海鹽社”

本文由 @海鹽社 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

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