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

2015-10-02 分類：網(wǎng)站建設(shè)

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

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

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

對(duì)齊+視覺(jué)重量

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

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

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

顏色

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

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

規(guī)模

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

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

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

大寫(xiě)字母的文本

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

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

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

本文標(biāo)題：怎樣運(yùn)用光學(xué)調(diào)整來(lái)使網(wǎng)頁(yè)設(shè)計(jì)更協(xié)調(diào)？
鏈接分享：http://redsoil1982.com.cn/news/32961.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷推廣、網(wǎng)站制作、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)、Google、品牌網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

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

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