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

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

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

這種方法似乎是合乎邏輯的，但它是一種不正確的工作方式。計算軟件也都是理性的，但軟件不能考慮到人類感知的形狀，顏色和大小的方式，即軟件無法理解在其他對象的背景下，在一個整體的視覺語言環(huán)節(jié)中一個人如何感知對象。一個人需要理性的頭腦來決定什么東西看起來光的正確與否，因為我們可以看到和理解的上下文時，計算機不能理解這些細微的差別，并且知道如何調(diào)整才是一個好的設(shè)計師更好的設(shè)計師。

讓我們來看看這個在行動中的一小部分例子。

對齊+視覺重量

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

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

雖然'正確'播放圖標(biāo)沒有出現(xià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)于我們的大腦如何感知物體的大小，包括文本的大小。如果我們考慮到這一點，在圓形和正方形，一個120像素的正方形有一個更大的比120像素的120像素圓的表面積，所以圓必須更大，以彌補。

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

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

大寫字母的文本

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

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

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

分享文章：怎樣運用光學(xué)調(diào)整來使網(wǎng)頁設(shè)計更協(xié)調(diào)？
網(wǎng)頁網(wǎng)址：http://www.rwnh.cn/news11/32961.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、App開發(fā)、軟件開發(fā)、靜態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈

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

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

常見的SEO優(yōu)化的謬見和誤解 2016-02-20
如何防止“突然的客戶端設(shè)計綜合癥” 2015-10-02
把控這些細節(jié)，你將會做出一個漂亮的網(wǎng)頁設(shè)計！ 2015-10-01
如何選擇適合正確的設(shè)計工具 2015-09-30
為什么壞設(shè)計師似乎總是得到最好的工作？ 2015-09-30
干貨！網(wǎng)頁設(shè)計中的幻燈片動畫程序 2015-09-29
增長設(shè)計業(yè)務(wù)的正確方法 2015-09-28

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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