Godzilla. 2016-08-15
網(wǎng)站建設(shè)
怎樣運(yùn)用光學(xué)調(diào)整來使網(wǎng)頁設(shè)計更協(xié)調(diào)？
在我早年，作為一個設(shè)計師，我依靠PS圖象處理軟件或者CSS來告訴我什么是對的還是錯的。如果PS圖象處理軟件表明兩個形狀對齊，然后他們對齊。如果兩個不同的形狀是相同的大小，那么就是這樣。如果兩個顏色有相同的十六進(jìn)制值，那么他們看起來相同的顏色。本文講述的是網(wǎng)頁設(shè)計師怎樣運(yùn)用光學(xué)調(diào)整來使網(wǎng)頁設(shè)計更協(xié)調(diào)？
這種方法似乎是合乎邏輯的，但它是一種不正確的工作方式。計算軟件也都是理性的，但軟件不能考慮到人類感知的形狀，顏色和大小的方式，即軟件無法理解在其他對象的背景下，在一個整體的視覺語言環(huán)節(jié)中一個人如何感知對象。一個人需要理性的頭腦來決定什么東西看起來光的正確與否，因為我們可以看到和理解的上下文時，計算機(jī)不能理解這些細(xì)微的差別，并且知道如何調(diào)整才是一個好的設(shè)計師更好的設(shè)計師。
讓我們來看看這個在行動中的一小部分例子。
對齊+視覺重量
計算機(jī)不能計算一個物體的重量，它只能依賴于某些信息，如寬度，高度，或X / Y位置。作為設(shè)計師，我們需要通過一些所謂的光學(xué)調(diào)整來彌補(bǔ)這一點(diǎn)。
在一個游戲圖標(biāo)中的三角形是在圓的中心對齊嗎？錯誤。在游戲圖標(biāo)周圍繪制一個矩形，顯示它的關(guān)閉中心。
雖然'正確'播放圖標(biāo)沒有出現(xiàn)偏離中心，它是明確的，它是，而不是只是一點(diǎn)點(diǎn)。為什么？視覺重量。三角形的重量或質(zhì)量位于它的左手邊，這創(chuàng)造了一個被關(guān)閉中心的光學(xué)錯覺，即使它不是。為了解決這個問題，我們必須手動將三角形直到它出現(xiàn)中央。
顏色
顏色的光學(xué)調(diào)整是更微妙的。再次，它是關(guān)于物體的重量，以及有多少顏色出現(xiàn)?？傊和瑯拥木G色可能被用于一個充滿圖標(biāo)和一些文本，但其中一個看起來比其他更輕。
它是微妙的，但你可以看到，該圖標(biāo)是比文本更重。調(diào)整，使圖標(biāo)顏色較淺，或使文本更黑暗的?-?我建議選擇哪個顏色將幫助您滿足AA可訪問性指南。
規(guī)模
尺度是關(guān)于我們的大腦如何感知物體的大小，包括文本的大小。如果我們考慮到這一點(diǎn)，在圓形和正方形，一個120像素的正方形有一個更大的比120像素的120像素圓的表面積，所以圓必須更大，以彌補(bǔ)。
與所有其他調(diào)整，這是微妙的，但調(diào)整有助于整體設(shè)計看起來正確。這是非常?微調(diào)元素-?輕推值上下1像素，直到感覺對了。
這個字體也是如此，在過彎的字母下降或上升超過上限高度，基線，如果你寫一行文字在Garamond和文本的基線和高度畫一條線，你會看到彎曲的形狀在這些線。如果這些價值不存在，個別人物會覺得太小，他們的下一個兄弟姐妹。
大寫字母的文本
最后，在光的調(diào)整是必要的例如：當(dāng)設(shè)置大寫文本旁邊的標(biāo)準(zhǔn)文本。大寫文本比標(biāo)準(zhǔn)的情況下，文字更加突出，需要進(jìn)行補(bǔ)償。
除非本設(shè)計方面的目的是為了更加突出的大寫字母，大寫字母的文本應(yīng)該是由一個小的像素數(shù)量減少，例如16像素14像素或12像素11像素。當(dāng)在一個大的界面上的每一個這些微小的設(shè)計細(xì)節(jié)加起來，會影響網(wǎng)站的整體感覺。這種對細(xì)節(jié)的關(guān)注是什么使得一個好的設(shè)計。一旦它成為一個工作流程的一部分，2像素或10像素接近三角形的權(quán)利需要時刻減少文本的大小，但這些都是做設(shè)計的感覺完美的東西。計算機(jī)甚至人工智能無法理解一個設(shè)計的背景，所以它不能作出準(zhǔn)確的調(diào)整，一個設(shè)計師可以使。直到一臺計算機(jī)可以對一個孤立的組件在一個完整的視覺語言的上下文中作出合理的判斷，它不能依賴于作出復(fù)雜的設(shè)計決策。更多建站資訊請咨詢摩恩網(wǎng)絡(luò)。
我們不應(yīng)該依靠電腦來為我們做所有的思考，我們應(yīng)該依靠我們的眼睛和我們的本能。設(shè)計師每天都在鍛煉他們的直覺，所以我們應(yīng)該相信他們。好的設(shè)計師或作出好的網(wǎng)站設(shè)計。
文章標(biāo)簽：
網(wǎng)頁設(shè)計
文章評論：