免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

怎樣運用光學調整來使網頁設計更協調?

2015-10-02    分類: 網站建設

在我早年,作為一個設計師,我依靠PS圖象處理軟件或者CSS來告訴我什么是對的還是錯的。如果PS圖象處理軟件表明兩個形狀對齊,然后他們對齊。如果兩個不同的形狀是相同的大小,那么就是這樣。如果兩個顏色有相同的十六進制值,那么他們看起來相同的顏色。本文講述的是網頁設計師怎樣運用光學調整來使網頁設計更協調?
這種方法似乎是合乎邏輯的,但它是一種不正確的工作方式。計算軟件也都是理性的,但軟件不能考慮到人類感知的形狀,顏色和大小的方式,即軟件無法理解在其他對象的背景下,在一個整體的視覺語言環節中一個人如何感知對象。一個人需要理性的頭腦來決定什么東西看起來光的正確與否,因為我們可以看到和理解的上下文時,計算機不能理解這些細微的差別,并且知道如何調整才是一個好的設計師更好的設計師。

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

對齊+視覺重量

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

在一個游戲圖標中的三角形是在圓的中心對齊嗎?錯誤。在游戲圖標周圍繪制一個矩形,顯示它的關閉中心。
雖然'正確'播放圖標沒有出現偏離中心,它是明確的,它是,而不是只是一點點。為什么?視覺重量。三角形的重量或質量位于它的左手邊,這創造了一個被關閉中心的光學錯覺,即使它不是。為了解決這個問題,我們必須手動將三角形直到它出現中央。

顏色

顏色的光學調整是更微妙的。再次,它是關于物體的重量,以及有多少顏色出現??傊和瑯拥木G色可能被用于一個充滿圖標和一些文本,但其中一個看起來比其他更輕。
它是微妙的,但你可以看到,該圖標是比文本更重。調整,使圖標顏色較淺,或使文本更黑暗的?-?我建議選擇哪個顏色將幫助您滿足AA可訪問性指南。
規模

尺度是關于我們的大腦如何感知物體的大小,包括文本的大小。如果我們考慮到這一點,在圓形和正方形,一個120像素的正方形有一個更大的比120像素的120像素圓的表面積,所以圓必須更大,以彌補。
與所有其他調整,這是微妙的,但調整有助于整體設計看起來正確。這是非常?微調元素-?輕推值上下1像素,直到感覺對了。
這個字體也是如此,在過彎的字母下降或上升超過上限高度,基線,如果你寫一行文字在Garamond和文本的基線和高度畫一條線,你會看到彎曲的形狀在這些線。如果這些價值不存在,個別人物會覺得太小,他們的下一個兄弟姐妹。

大寫字母的文本

最后,在光的調整是必要的例如:當設置大寫文本旁邊的標準文本。大寫文本比標準的情況下,文字更加突出,需要進行補償。
除非本設計方面的目的是為了更加突出的大寫字母,大寫字母的文本應該是由一個小的像素數量減少,例如16像素14像素或12像素11像素。當在一個大的界面上的每一個這些微小的設計細節加起來,會影響網站的整體感覺。這種對細節的關注是什么使得一個好的設計。一旦它成為一個工作流程的一部分,2像素或10像素接近三角形的權利需要時刻減少文本的大小,但這些都是做設計的感覺好的東西。計算機甚至人工智能無法理解一個設計的背景,所以它不能作出準確的調整,一個設計師可以使。直到一臺計算機可以對一個孤立的組件在一個完整的視覺語言的上下文中作出合理的判斷,它不能依賴于作出復雜的設計決策。更多建站資訊請咨詢創新互聯。
我們不應該依靠電腦來為我們做所有的思考,我們應該依靠我們的眼睛和我們的本能。設計師每天都在鍛煉他們的直覺,所以我們應該相信他們。好的設計師或作出好的網站設計。

本文標題:怎樣運用光學調整來使網頁設計更協調?
鏈接分享:http://m.newbst.com/news/32961.html

成都網站建設公司_創新互聯,為您提供全網營銷推廣網站制作網站改版、網站設計Google品牌網站制作

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

小程序開發