網(wǎng)頁設(shè)計排版問題

2014-05-30    分類: 網(wǎng)站建設(shè)

印刷術(shù)是一個設(shè)計師可以擁有的最重要的技能之一…業(yè)內(nèi)資深人士多年來磨練他們的技術(shù),你可以很容易地在一所大學(xué)的研究課題多年;但要真正開始的地方是哪里?今天,在我們的BASIX系列的最新,我們解釋一件簡單的事情,對初學(xué)者介紹排版:為什么如此重要的網(wǎng)頁設(shè)計排版。

印刷術(shù)是什么?

網(wǎng)頁設(shè)計排版問題

印刷術(shù)是一門古老的學(xué)科,可以簡單地解釋為將藝術(shù)與文字設(shè)計。印刷術(shù)最早的例子可以追溯到公元前1800年的古希臘,但印刷時代與第十五世紀(jì)中葉當(dāng)發(fā)明印刷機(jī)。
我會把歷史課短:字體的一個原因是重要的:因為它是設(shè)計師能與讀者的溝通的主要方式…無論介質(zhì)是一本書,印刷廣告,廣告牌,或電視節(jié)目版式是很重要的,因為它的視覺語言中的體現(xiàn)。

那么,什么是我們所說的“Web版式”?
96%的因特網(wǎng)是由書面信息或文本。本文分為大和小的信息塊,分布在不同的頁面不同的格式。
所有這些資料寫在一個網(wǎng)站的設(shè)計格式就是我們所說的“Web版式”。

文字是網(wǎng)頁設(shè)計中最重要的部分,因為它直接影響到一個網(wǎng)站與讀者的方式。從大標(biāo)題和大膽的塊體小,文本在網(wǎng)絡(luò)上的各種應(yīng)用的核心通信方法…所以很自然的,有一個網(wǎng)頁設(shè)計師決定安排在網(wǎng)頁型是該網(wǎng)站的有效性的關(guān)鍵。

我們看到它的使用無處不在所有的網(wǎng)站都依靠文字來傳達(dá)他們的信息給讀者。然而,也有一些網(wǎng)站設(shè)計師往往在看排版的不可避免的重要性和只注重網(wǎng)頁設(shè)計的視覺或圖形的一部分。
Web版式不同的印刷字體如何?

網(wǎng)頁設(shè)計排版問題

使用的打印介質(zhì)如小冊子,印刷傳單,雜志,書籍或戶外媒體像極了標(biāo)牌和廣告牌是不同于使用它的電腦屏幕。從字體,屏幕是一種完全不同的媒介…與任何類型的設(shè)計,你真的需要考慮,人們會看你的設(shè)計通過介質(zhì)。

當(dāng)你使用的字體在這樣的一本書的印刷設(shè)計,事實上,它將從一個相對較近的地方看給你玩的字體相當(dāng)?shù)哪芰σ驗樗粫μ嗟目勺x性。如果您使用的是印刷的室外通信介質(zhì)的廣告牌和海報,你知道讀者只有一部分時間來查看板和消耗的是什么溝通,所以你不要亂用微調(diào)的字體多,相反你可能會專注于最初的印象類型的可讀性。

然而,一個網(wǎng)站有完全不同的目標(biāo)。設(shè)計字體的計算機(jī)和網(wǎng)絡(luò)要求設(shè)計師將大量的信息在不同的段和亞段(微觀和宏觀排版)。同時,網(wǎng)頁是不恒定的它出現(xiàn)在不同的瀏覽器,不同的互聯(lián)網(wǎng)接入設(shè)備和不同的屏幕分辨率。所以Web版式必須處理好一些問題,相比其他介質(zhì)。所以,在選擇自己的鞍山網(wǎng)站制作網(wǎng)絡(luò)公司,設(shè)計師必須考慮的跨平臺性和可讀性。這些只是一小部分,一個網(wǎng)頁設(shè)計師必須牢記當(dāng)接近一個網(wǎng)站的問題。
Web版式是“信息設(shè)計”


當(dāng)涉及到網(wǎng)頁設(shè)計中,字體不限于選擇字體和奠定了它;它是藝術(shù)劃分成信息以這樣一種方式,讀者會有一個很好的機(jī)會找到感興趣的是什么…這是在網(wǎng)頁上的字體變得更像信息設(shè)計。
在Web版式是一樣關(guān)于組織型轉(zhuǎn)化為有效的,有意義的布局是使用杰出的字體。
注意到某一個文本塊,幫助用戶找到他們正在尋找的內(nèi)容,或安裝各種各樣的內(nèi)容到一個頁面都是通過印刷技能做。

的設(shè)計理念型不僅僅是清晰的,但也有意義的部分是什么使很多人關(guān)于網(wǎng)頁排版。任何人都可以輸入一段文字;更少的人可以使用像字母間距,行高和字體大小,給它一個意義的字符;…但網(wǎng)頁設(shè)計師可以組織類型在整個布局的方式,賦予意義的讀者,幫助引導(dǎo)他們在整個網(wǎng)站。
這就是我們所說的印刷工藝的信息設(shè)計。

網(wǎng)頁設(shè)計排版問題

開始設(shè)計排版系統(tǒng),把它分為兩個不同的部分往往是有幫助的:
•宏觀排版,包括文本文檔的整體結(jié)構(gòu)
•微型印刷術(shù),其中包括較小和較詳細(xì)的方面如字體、行高和間距等。
通過宏觀排版第一,它可以很容易畫出“大圖片”的設(shè)計中的類型系統(tǒng)的元素。將導(dǎo)航在哪里?如何將類型網(wǎng)站的布局?一列?兩?更多所有的主要的結(jié)構(gòu)規(guī)則,首先應(yīng)該明確。在這一點上你可以使用任何你想要的字體…但你可以開始一個設(shè)計的大小和比例的感覺。

一旦你有了“大圖片”的概述,它的時間的方法,微觀排版。這是你開始真正完善你的類型系統(tǒng)定義的風(fēng)格元素如你主要的(和可能的二次)字體,如何將大標(biāo)題,如側(cè)邊欄的標(biāo)題,默認(rèn)大小段落文本,鏈接的顏色,等等。

網(wǎng)頁排版技巧
如果你是剛開始作為一個網(wǎng)頁設(shè)計師,看著所有的網(wǎng)頁排版發(fā)生的瘋狂的事情可以是艱巨的。你可能有很多問題,如:從哪里開始?什么是對什么是錯?有規(guī)則,我必須遵循?好消息是,在它的核心,網(wǎng)頁排版確實有一些一致的規(guī)則,你應(yīng)該知道的。以下是一些有用的提示,我已經(jīng)收集了用于創(chuàng)建網(wǎng)頁的有效型系統(tǒng):
干凈、清晰的層次結(jié)構(gòu)

從思維型
排版的層次是一個網(wǎng)頁設(shè)計很重要。把所有的不同的地方,你用文字在網(wǎng)站導(dǎo)航,標(biāo)題,段落,圖像標(biāo)題,側(cè)邊欄,等等。有很好的機(jī)會,有很多的文字!你要如何把這一切變成一個邏輯型系統(tǒng)?通過開發(fā)一個類型的層次結(jié)構(gòu)。
一個完整的層級讓你知道從哪里開始閱讀,如何進(jìn)行閱讀,最重要的和不重要的頁面上的信息之間的差異。一個有效的類型層次結(jié)構(gòu),你不需要依賴文本放置了突出你的讀者首先要經(jīng)過。
閱讀更多關(guān)于理解層次


級聯(lián)版式是一致的
在印刷技術(shù)中,缺乏一致性是最常見和最重復(fù)的錯誤,網(wǎng)頁設(shè)計師提交的這些天。一個平面設(shè)計師常常會精心設(shè)計每一頁的每一封信…但這是不必要的網(wǎng)頁設(shè)計。
而不是試圖手動設(shè)計每個網(wǎng)站上的每一塊型,與級聯(lián)樣式表(CSS)心目中的概念設(shè)計。利用CSS的祝福和設(shè)置字體,大小,顏色,行距,整個網(wǎng)站的高度和你的排版等功能。


我早點說,但是,讓我強調(diào)一點:杰出的網(wǎng)頁設(shè)計師不僅將圖像和文本粘貼到網(wǎng)頁布局。它需要良好的職業(yè)習(xí)慣讓勝利的網(wǎng)站設(shè)計;一個職業(yè)習(xí)慣的網(wǎng)頁設(shè)計師應(yīng)該是讀課文,然后放置在網(wǎng)頁布局。如果你有機(jī)會到文本的內(nèi)容,你會使用,避免將其粘貼在盲目。通過閱讀文本實際,你就可以讓內(nèi)容和設(shè)計更好的連接。
另外,當(dāng)你完成放置文本和其他元素的設(shè)計,使它成為一個點一遍為校對實踐,避免任何錯誤或留下的東西。這是驚人的設(shè)計師忘記風(fēng)格一樣簡單的事情列表如何往往因為他們通過設(shè)計階段。
宏觀和微觀排版–物質(zhì)!
一個成功的網(wǎng)頁設(shè)計,網(wǎng)頁設(shè)計師應(yīng)該注意宏觀和微觀排版。即使是布局,如果事情是對事物的“微”失蹤土崩瓦解…甚至微型印刷術(shù)不會對讀者有用如果不放使用適當(dāng)?shù)暮暧^排版原則。兩者都是重要的!
很多設(shè)計師都特別好,在一個或另一個…所以,花點時間考慮你的強項是什么:宏觀或微觀的?然后盡你大的努力來加強你的能力(通過實踐和對細(xì)節(jié)的關(guān)注!)在你脆弱的技能。
顏色和字體


這個不用說,很多設(shè)計師,但文字的顏色是另一個需要考慮的因素。有網(wǎng)站將這一點視為理所當(dāng)然,使用的字體顏色,數(shù)百:
• 使字體很難讀
• 或很無聊?。ǚξ兜念伾焕速M的顏色)
你不需要去把整個彩虹橫跨頁面,你不需要使用什么可怕的紅色文字在綠色背景…只使用簡單的,感性的色彩理論為你的字體是易讀和有趣的挑選顏色。記住,在大多數(shù)情況下,鏈接應(yīng)該是彩色的…它告訴人們他們可以點擊他們!

閱讀更多關(guān)于網(wǎng)頁設(shè)計的色彩理論。
設(shè)計與“文字直播”
停止使用Lorem存有!是沒有替代品的實際文本而設(shè)計的一個網(wǎng)站。雖然您可以使用虛擬文本要知道事情將如何布局中的樣子,只要你的網(wǎng)頁設(shè)計來完成,嘗試用實際的文本,您或您的客戶計劃使用在直播網(wǎng)站。只有這樣你才能同步設(shè)計與文本和確定影響到整體網(wǎng)站的樣子…即使在這個過程中,小的疏忽會導(dǎo)致在一個設(shè)計的薄弱點,所以花時間去調(diào)用一個項目“完成”前用文字直播!
顯示你的字體的個性


關(guān)于Web字體的美妙的一件事是,有各種各樣的方法途徑,每個設(shè)計師都有他或她自己的方式做事情,而沒有一個“正確”的方式在網(wǎng)絡(luò)式布局。型人格,就像你或你的客戶,所以不要害怕去玩你自己的創(chuàng)造性的變化,一旦你釘一個網(wǎng)站設(shè)計的BASIX。
閱讀更多關(guān)于如何選擇合適的字體
結(jié)論:熟能生巧
網(wǎng)頁設(shè)計需要你掌握一些東西,為了讓一個真正偉大的布局和排版,絕對是其中的一件事。一個網(wǎng)頁設(shè)計師誰真正了解排版的重要性將能夠達(dá)到成功的因素往往不是…和所有這些需要的是實踐來訓(xùn)練你的頭腦去看去任何給定的塊型方式!排版是不是火箭科學(xué),但它確實需要大量的工作,發(fā)現(xiàn)對于任何給定的項目做事方式。
每天花一些時間去實踐嘗試以一篇文章,你真的喜歡和重新設(shè)計;設(shè)計自己的簡歷,組合,任何你能找到的…只是用什么樣的想法,你可以去實踐,你會發(fā)現(xiàn)自己沒有變得更好!相信我,只要你了解的基本知識,它會成為一塊蛋糕!

創(chuàng)新互聯(lián)設(shè)計文章推薦:

廣州網(wǎng)站制作公司
德陽網(wǎng)站建設(shè)網(wǎng)絡(luò)公司

新聞名稱:網(wǎng)頁設(shè)計排版問題
標(biāo)題來源:http://www.bm7419.com/news/19994.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作、外貿(mào)建站、企業(yè)建站靜態(tài)網(wǎng)站、Google

廣告

聲明:本網(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)

成都定制網(wǎng)站建設(shè)