Godzilla. 2016-08-15 網(wǎng)站建設(shè)

怎樣運(yùn)用光學(xué)調(diào)整來使網(wǎng)頁(yè)設(shè)計(jì)更協(xié)調(diào)？

　　在我早年，作為一個(gè)設(shè)計(jì)師，我依靠PS圖象處理軟件或者CSS來告訴我什么是對(duì)的還是錯(cuò)的。如果PS圖象處理軟件表明兩個(gè)形狀對(duì)齊，然后他們對(duì)齊。如果兩個(gè)不同的形狀是相同的大小，那么就是這樣。如果兩個(gè)顏色有相同的十六進(jìn)制值，那么他們看起來相同的顏色。本文講述的是網(wǎng)頁(yè)設(shè)計(jì)師怎樣運(yùn)用光學(xué)調(diào)整來使網(wǎng)頁(yè)設(shè)計(jì)更協(xié)調(diào)？

　　這種方法似乎是合乎邏輯的，但它是一種不正確的工作方式。計(jì)算軟件也都是理性的，但軟件不能考慮到人類感知的形狀，顏色和大小的方式，即軟件無法理解在其他對(duì)象的背景下，在一個(gè)整體的視覺語言環(huán)節(jié)中一個(gè)人如何感知對(duì)象。一個(gè)人需要理性的頭腦來決定什么東西看起來光的正確與否，因?yàn)槲覀兛梢钥吹胶屠斫獾纳舷挛臅r(shí)，計(jì)算機(jī)不能理解這些細(xì)微的差別，并且知道如何調(diào)整才是一個(gè)好的設(shè)計(jì)師更好的設(shè)計(jì)師。

　　讓我們來看看這個(gè)在行動(dòng)中的一小部分例子。

　　對(duì)齊+視覺重量

　　計(jì)算機(jī)不能計(jì)算一個(gè)物體的重量，它只能依賴于某些信息，如寬度，高度，或X / Y位置。作為設(shè)計(jì)師，我們需要通過一些所謂的光學(xué)調(diào)整來彌補(bǔ)這一點(diǎn)。

　　在一個(gè)游戲圖標(biāo)中的三角形是在圓的中心對(duì)齊嗎？錯(cuò)誤。在游戲圖標(biāo)周圍繪制一個(gè)矩形，顯示它的關(guān)閉中心。

　　雖然'正確'播放圖標(biāo)沒有出現(xiàn)偏離中心，它是明確的，它是，而不是只是一點(diǎn)點(diǎn)。為什么？視覺重量。三角形的重量或質(zhì)量位于它的左手邊，這創(chuàng)造了一個(gè)被關(guān)閉中心的光學(xué)錯(cuò)覺，即使它不是。為了解決這個(gè)問題，我們必須手動(dòng)將三角形直到它出現(xiàn)中央。

　　顏色

　　顏色的光學(xué)調(diào)整是更微妙的。再次，它是關(guān)于物體的重量，以及有多少顏色出現(xiàn)。總之：同樣的綠色可能被用于一個(gè)充滿圖標(biāo)和一些文本，但其中一個(gè)看起來比其他更輕。

　　它是微妙的，但你可以看到，該圖標(biāo)是比文本更重。調(diào)整，使圖標(biāo)顏色較淺，或使文本更黑暗的?-?我建議選擇哪個(gè)顏色將幫助您滿足AA可訪問性指南。

　　規(guī)模

　　尺度是關(guān)于我們的大腦如何感知物體的大小，包括文本的大小。如果我們考慮到這一點(diǎn)，在圓形和正方形，一個(gè)120像素的正方形有一個(gè)更大的比120像素的120像素圓的表面積，所以圓必須更大，以彌補(bǔ)。

　　與所有其他調(diào)整，這是微妙的，但調(diào)整有助于整體設(shè)計(jì)看起來正確。這是非常?微調(diào)元素-?輕推值上下1像素，直到感覺對(duì)了。

　　這個(gè)字體也是如此，在過彎的字母下降或上升超過上限高度，基線，如果你寫一行文字在Garamond和文本的基線和高度畫一條線，你會(huì)看到彎曲的形狀在這些線。如果這些價(jià)值不存在，個(gè)別人物會(huì)覺得太小，他們的下一個(gè)兄弟姐妹。

　　大寫字母的文本

　　最后，在光的調(diào)整是必要的例如：當(dāng)設(shè)置大寫文本旁邊的標(biāo)準(zhǔn)文本。大寫文本比標(biāo)準(zhǔn)的情況下，文字更加突出，需要進(jìn)行補(bǔ)償。

　　除非本設(shè)計(jì)方面的目的是為了更加突出的大寫字母，大寫字母的文本應(yīng)該是由一個(gè)小的像素?cái)?shù)量減少，例如16像素14像素或12像素11像素。當(dāng)在一個(gè)大的界面上的每一個(gè)這些微小的設(shè)計(jì)細(xì)節(jié)加起來，會(huì)影響網(wǎng)站的整體感覺。這種對(duì)細(xì)節(jié)的關(guān)注是什么使得一個(gè)好的設(shè)計(jì)。一旦它成為一個(gè)工作流程的一部分，2像素或10像素接近三角形的權(quán)利需要時(shí)刻減少文本的大小，但這些都是做設(shè)計(jì)的感覺完美的東西。計(jì)算機(jī)甚至人工智能無法理解一個(gè)設(shè)計(jì)的背景，所以它不能作出準(zhǔn)確的調(diào)整，一個(gè)設(shè)計(jì)師可以使。直到一臺(tái)計(jì)算機(jī)可以對(duì)一個(gè)孤立的組件在一個(gè)完整的視覺語言的上下文中作出合理的判斷，它不能依賴于作出復(fù)雜的設(shè)計(jì)決策。更多建站資訊請(qǐng)咨詢摩恩網(wǎng)絡(luò)。

　　我們不應(yīng)該依靠電腦來為我們做所有的思考，我們應(yīng)該依靠我們的眼睛和我們的本能。設(shè)計(jì)師每天都在鍛煉他們的直覺，所以我們應(yīng)該相信他們。好的設(shè)計(jì)師或作出好的網(wǎng)站設(shè)計(jì)。

下一篇：WebGL是如何重塑Flash的 上一篇：如何在網(wǎng)頁(yè)設(shè)計(jì)中選擇一個(gè)完美的圖像格式？

文章標(biāo)簽： 網(wǎng)頁(yè)設(shè)計(jì)