網頁字型設計:精緻的字型使用執行個體

來源:互聯網
上載者:User

文章描述:這不僅僅關乎你說什麼,而是你怎麼說,是吧?根據你的目的,我們可以嘗試更多,在排版上也更有創意。我們可以大膽的使用大字型大小,粗體,或是新奇獨特的手寫體。我們應該始終記得字型要有可讀性,因為如果沒有人能閱讀的話,這樣的字型就沒什麼可以炫耀的。如果設定了韻律

第一印象通常就是一種持續印象。不管你是否意識到,你的版式能夠協助使用者在他們甚至還沒有開始讀一個字或者點擊一個按鈕之前建立一個體驗。版式不僅僅是講述一個故事,它告訴使用者是這個網站的幕後以及這個背後的人是做什麼的。對於字型的處理創造了一種氛圍,同時也會像聲音的音調一樣擊起長久的回想。

你需要問一問你自己,你想要表達什麼以及你想要怎麼去表達它?想一想使用者:當頁面載入的時候你想讓他們有什麼樣的感受和體驗?版式建立一個交流的模式,同時,也表達了一個網站的個性。字型的選擇將會決定人們對你的網站的反饋。

以下的網站有著非常明顯的個性,大部分都是通過版式來建立的。誠然,有時候他們並不是很完美(不幸的是,效能常常是個問題),但是他們通過字型來吸引使用者來產生興趣。好的網頁版式不僅僅只是一個美好的視覺處理,同時也要注意速度。很多設計師徹底忽視了效能。請注意:這些網站沒有在老的瀏覽器或者行動裝置上做過測試。當然這不是這篇文章的主旨。相反的,我們將會近距離的觀察有趣的版式處理以及字型的創新使用。

精緻的字型使用執行個體

現在開始跟上字型去私奔,體驗一路奇幻的字型設計之旅。

Playful

Wow,這個網站確實很幽默!這個網站的調調不是僅僅根據字型的特徵而設計的,而是通過它們的排版方式。它打破了我們的常規交流的順序。通常你會在印刷海報中看到軸對稱的排版,那通常給人印象深刻。在這個網站上,字型的選擇並不是非常的有個性的裝飾性或者是很好玩的裝飾性字型,它就是用的非常簡單的無襯線字型。非常棒的背景圖案觸覺體驗,它引導閱讀的方向,以及使用者閱讀網站的文字時頭部從一邊到另一邊的運動。

Atelier

這個網站的所有地方都值得關注。整個頁面由不同的元素組合在一起有一種動感。網站的logo是用的一種寬的但是很優雅的字型,建立了一種設計基調。運動的感覺是由一條傾斜的線來建立的,這根傾斜的直線跟logo中的首字母“A”的傾斜保持一致,建立了這個網站的節奏。滑動的預覽圖深深的抓住你的眼球,圖片很大讓你感覺到無拘無束。然而,這個網站的背景圖片居然有:2560*5350像素,2.4MB,哎喲!

Cirp

這個為葡萄園設計的網站非常的獨特和創新,設計的就像一個老式的海報。這個美麗的網站設計成功的找到了一種葡萄酒的感覺。我喜歡”Russian River”後面的陰影會跟隨著你的滑鼠的移動而運動從而在一個另外的靜態頁面創造出動感。這個地方最主要的缺點就是,從某中意義上說,文字是作為映像而嵌入到網站上的,可能會讓文字無法複製和粘貼。還有,當然類似的設計被創造出來需要不少於3.4 MB和43次HTTP請求。

max Di Capua

這裡的布局和排版混合在一起是通過一套模板的系統建立的,通常是幾個部分重疊在一起。這種布局的方法很清新因為它不死板,並且非常容易改變。排版也是同樣的感覺,因為他們都有很大的間距,不管是大量的文字還是稠密的文字。標題和說明性文字,以一種很容易閱讀的無襯線字型出現在作品的旁邊。

Rijksmuseum

一種很常見的字型的巨大的字母在整個螢幕範圍之內,還延伸到整個頁面。使得“Rijksmuseum”看起來比現實中的大很多。首頁就通過迴圈漂亮的圖片來展示博物館的內容。主導航也很有意思:當你點擊的時候,它會下滑然後讓你選擇子目錄。整個網站的體積只有955KB以及31次HTTP請求——最佳化做的很棒。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。