一级日韩免费大片,亚洲一区二区三区高清,性欧美乱妇高清come,久久婷婷国产麻豆91天堂,亚洲av无码a片在线观看

設計者在網(wǎng)頁(yè)設計排版中應注意的一些問(wèn)題

時(shí)間:2024-08-14 08:54:16 平面設計 我要投稿
  • 相關(guān)推薦

設計者在網(wǎng)頁(yè)設計排版中應注意的一些問(wèn)題

  導語(yǔ):排版是一門(mén)藝術(shù),也是一門(mén)技巧。我們每天都能在報紙,書(shū)籍等各種媒介上看到排版,或精美,或丑陋。如何能在準確傳遞信息的同時(shí),又能排出精美的版面,這是設計師們值得深思的問(wèn)題,因為這關(guān)系到讀者的閱讀感受。本文以網(wǎng)頁(yè)排版為例,從幾個(gè)方面闡述了成功的設計在排版中應該注意的問(wèn)題和細節。

  大體上來(lái)說(shuō),排版是為了信息分享而重新將字體進(jìn)行排列的一門(mén)藝術(shù)和技巧。也就是說(shuō),排版是為傳遞信息而進(jìn)行的簡(jiǎn)單排列組合,然而,好的排版非常注重視覺(jué)精度和細節,甚至是很小的細節都不容忽視。排版最早出現在書(shū)寫(xiě)當中,因此即便是最簡(jiǎn)單的字母排列也可算一種排版。如今,印刷品,書(shū)籍,報紙,信件,電視,網(wǎng)絡(luò )等都會(huì )涉及到排版,簡(jiǎn)直是無(wú)處不在。甚至連重要的網(wǎng)站在以前就開(kāi)始關(guān)注排版了,并且在當時(shí)嘗試用現成的資源盡可能提高排版水平。

  網(wǎng)頁(yè)排版

  網(wǎng)頁(yè)排版是近年興起的一個(gè)普通排版的分支概念。雖然,圖片也可以傳遞信息,但網(wǎng)站上的內容大部分是由文字組成。這就是網(wǎng)絡(luò )排版如此受重視的原因。排版的重要性絲毫不亞于視覺(jué)層次,合適顏色的選取,網(wǎng)站功能以及其它特性。我們從來(lái)沒(méi)低估過(guò)網(wǎng)絡(luò )排版的重要性,也深知它在良好的用戶(hù)體驗中所發(fā)揮的重要作用。

  任何追求漂亮版面的人都知道,印刷排版跟網(wǎng)絡(luò )排版完全是兩碼事。盡管有些規則可能相同,但網(wǎng)頁(yè)設計所處環(huán)境完全不同,兩者都有自己一套必須遵守的規則和準則。兩者的原理不同,不能同時(shí)存在,跨越這個(gè)界線(xiàn)可能會(huì )導致排版混亂。

  層次結構

  盡管,你可能已經(jīng)熟悉了網(wǎng)頁(yè)設計的層次結構,你可能也明白排版中也少不了它。層級結構會(huì )給你一個(gè)閱讀顯示文本的起點(diǎn)。這點(diǎn)非常重要,因為這會(huì )幫助你準確傳遞信息,同時(shí)保證讀者準確理解。很多網(wǎng)站在這個(gè)問(wèn)題上都做得很好,但是你還是應該牢記在心,這樣你的網(wǎng)站就不會(huì )顯得太過(guò)時(shí)。

  間距問(wèn)題

  盡管,很少遇到網(wǎng)站排版中出現層級結構的問(wèn)題,但相當多的網(wǎng)站排版卻存在間距排列的問(wèn)題。網(wǎng)站所有元素的間距都必須按照一定的條理進(jìn)行排列,因此你在處理間距必須遵循這些條理。你可能需要去了解以下的專(zhuān)用術(shù)語(yǔ):行距大小(Leading Size)、字偶間距(Kerning)和字間距(Tracking)。

  行距大小是一種增加或減少文本行之間產(chǎn)生的空格的方法。點(diǎn)擊此處閱讀,你就知道到為什么減少行距有利讀者閱讀。字偶間距是調節字符間空格,使其達到更愉悅的視覺(jué)效果的過(guò)程。使用字間距同樣能達到字偶距調整的效果,兩者之間的唯一差別在于空格的產(chǎn)生,字間距是在每個(gè)字符間產(chǎn)生等量的空格,而字偶間距是調整的基于字符對所產(chǎn)生的空格。

  顏色和調色板

  排版中的顏色并不專(zhuān)指單一的文本顏色,通常是指網(wǎng)站用到的所有顏色。網(wǎng)站用到的圖片和顏色相當于文本的“背景”,因此使用顏色時(shí)要謹慎。網(wǎng)站的元素要和排版顏色協(xié)調,不要讓文本顯得模糊不清。你也可嘗試較大尺寸的排版(又稱(chēng)為宏觀(guān)排版)來(lái)達到更好的效果。簡(jiǎn)單來(lái)說(shuō),宏觀(guān)排版就是使用更大的文本來(lái)吸引用戶(hù)。它的長(cháng)度通常不能超過(guò)1到4個(gè)單詞,因此,保持文字的簡(jiǎn)潔性和正確性就顯得格外很重要。在關(guān)鍵信息下,但是這并不是那么重要,因為這并不是你的網(wǎng)站的焦點(diǎn),但大尺寸文字卻是。

  網(wǎng)站宏觀(guān)排版示例

  Purple Bunny

  Matt Hall

  VS

  字體配對

  字體配對是將兩種或更多字體通過(guò)排列組合達到最佳效果的過(guò)程。這聽(tīng)起來(lái)有意思,但對于初學(xué)者卻并非易事。選擇一種或多種的漂亮字體就夠了,但是,你只是想完美配對兩種字體,從理論上講,難度更大。字體配對可降低使用單一字體時(shí)可能所產(chǎn)生的單調感。你可以就此進(jìn)行實(shí)踐,為網(wǎng)站中所有的大標題使用一種字體,在一些簡(jiǎn)單段落里使用另一種字體,看看最終效果是否很單調。Douglass Bonneville書(shū)中就詳細羅列了數千種字體配對,有興趣的朋友可以去看看。

  字體大小/粗細對比

  如果你把字體弄得難以辨認,這是犯了大忌。你也知道字體配對對于精美排版的重要性,而不是用一些統一的文本。即使你找到了很棒的字體搭配,還是不要忘記為字體設置合適的大小和粗細。字體粗細和大小設置不當基本上就毀掉了之前的搭配,因為這會(huì )讓你已經(jīng)使用的不同字體難以辨認。還應注意一點(diǎn),背景圖片跟字體顏色相近或不匹配,會(huì )導致字體淹沒(méi)在背景圖片當中。

  字體替換方法

  在過(guò)去,設計師必須使用用戶(hù)電腦,甚至帶文本圖片上有的字體,這樣字體才會(huì )正確顯示。隨著(zhù)技術(shù)不斷發(fā)展,HTML5很快克服了這些問(wèn)題。另外還有許多很棒的字體替換工具,這些工具搜集了很多字體,用戶(hù)不用安裝專(zhuān)門(mén)的字體,字體照樣正確顯示。

  @font-face

  @font-face是最簡(jiǎn)單的替換方法之一。幾年前曾對此做過(guò)介紹。因為沒(méi)有亂糟糟的JavaScript和jQuery“搗亂”,它實(shí)現起來(lái)非常簡(jiǎn)單,只依靠CSS和額外的幾句代碼即可運行。font-face唯一的弊端可能在于,不同瀏覽器對渲染的處理方法不同,使用最新版本的瀏覽器應該能盡量避免這個(gè)問(wèn)題,但是無(wú)論如何,既然遇到了問(wèn)題,我們不能撒手不管。

  Google字體

  雖然Google在2010年就發(fā)布了自己的字體庫,并已收錄了大約500多種字體。Google字體的API因其簡(jiǎn)單方便,值得信賴(lài)而被廣泛使用。不過(guò)它的唯一弊端就是缺乏高質(zhì)量的字體。雖然它提供了完整的字體類(lèi)型,由于缺乏優(yōu)質(zhì)字體,會(huì )削弱網(wǎng)站的實(shí)力。

  Typekit

  Typekit是一項存在很多年的知名服務(wù)。它收集的字體大約上千種,并且大部分都很漂亮,這也是它深受歡迎的原因所在。另一個(gè)原因則是,它提供了Google沒(méi)有的付費的@font-face字體解決方案。該服務(wù)于2009推出,一年之后小有名氣,比Google字體成名要早。唯一的弊端是讓許多潛在客戶(hù)頭疼的支付方法。它是按年收費,除此之外,不同的價(jià)格套餐,網(wǎng)站頁(yè)面瀏覽量,和每個(gè)網(wǎng)站使用的字體數都有限制。

  FontSquirrel

  它最給力的地方在于可使用的字體非常多,并且是完全免費的。它提供的字體深受喜愛(ài),在許多網(wǎng)站上完全可免費使用。FontSquirrel甚至允許你使用@font-face生成器,創(chuàng )建你自己的@font-face字體包。

【設計者在網(wǎng)頁(yè)設計排版中應注意的一些問(wèn)題】相關(guān)文章:

平面設計中應注意的美學(xué)03-19

平面設計中的排版技巧03-19

網(wǎng)頁(yè)設計的注意事項07-07

網(wǎng)頁(yè)美工設計要注意的問(wèn)題03-12

平面設計在網(wǎng)頁(yè)設計中的應用03-20

挖掘機駕駛中應注意的問(wèn)題03-20

演講和社交中應注意的面部表情03-09

員工激勵過(guò)程中應注意的問(wèn)題12-01

網(wǎng)頁(yè)美工設計需要注意的細節03-13

一级日韩免费大片,亚洲一区二区三区高清,性欧美乱妇高清come,久久婷婷国产麻豆91天堂,亚洲av无码a片在线观看