2014-05-30 分類: 網(wǎng)站建設(shè)
印刷術(shù)是一個(gè)設(shè)計(jì)師可以擁有的最重要的技能之一…業(yè)內(nèi)資深人士多年來(lái)磨練他們的技術(shù),你可以很容易地在一所大學(xué)的研究課題多年;但要真正開(kāi)始的地方是哪里?今天,在我們的BASIX系列的最新,我們解釋一件簡(jiǎn)單的事情,對(duì)初學(xué)者介紹排版:為什么如此重要的網(wǎng)頁(yè)設(shè)計(jì)排版。
印刷術(shù)是什么?
印刷術(shù)是一門古老的學(xué)科,可以簡(jiǎn)單地解釋為將藝術(shù)與文字設(shè)計(jì)。印刷術(shù)最早的例子可以追溯到公元前1800年的古希臘,但印刷時(shí)代與第十五世紀(jì)中葉當(dāng)發(fā)明印刷機(jī)。
我會(huì)把歷史課短:字體的一個(gè)原因是重要的:因?yàn)樗窃O(shè)計(jì)師能與讀者的溝通的主要方式…無(wú)論介質(zhì)是一本書(shū),印刷廣告,廣告牌,或電視節(jié)目版式是很重要的,因?yàn)樗囊曈X(jué)語(yǔ)言中的體現(xiàn)。
那么,什么是我們所說(shuō)的“Web版式”?
96%的因特網(wǎng)是由書(shū)面信息或文本。本文分為大和小的信息塊,分布在不同的頁(yè)面不同的格式。
所有這些資料寫(xiě)在一個(gè)網(wǎng)站的設(shè)計(jì)格式就是我們所說(shuō)的“Web版式”。
文字是網(wǎng)頁(yè)設(shè)計(jì)中最重要的部分,因?yàn)樗苯佑绊懙揭粋€(gè)網(wǎng)站與讀者的方式。從大標(biāo)題和大膽的塊體小,文本在網(wǎng)絡(luò)上的各種應(yīng)用的核心通信方法…所以很自然的,有一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師決定安排在網(wǎng)頁(yè)型是該網(wǎng)站的有效性的關(guān)鍵。
我們看到它的使用無(wú)處不在所有的網(wǎng)站都依靠文字來(lái)傳達(dá)他們的信息給讀者。然而,也有一些網(wǎng)站設(shè)計(jì)師往往在看排版的不可避免的重要性和只注重網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)或圖形的一部分。
Web版式不同的印刷字體如何?
使用的打印介質(zhì)如小冊(cè)子,印刷傳單,雜志,書(shū)籍或戶外媒體像極了標(biāo)牌和廣告牌是不同于使用它的電腦屏幕。從字體,屏幕是一種完全不同的媒介…與任何類型的設(shè)計(jì),你真的需要考慮,人們會(huì)看你的設(shè)計(jì)通過(guò)介質(zhì)。
當(dāng)你使用的字體在這樣的一本書(shū)的印刷設(shè)計(jì),事實(shí)上,它將從一個(gè)相對(duì)較近的地方看給你玩的字體相當(dāng)?shù)哪芰σ驗(yàn)樗粫?huì)傷害太多的可讀性。如果您使用的是印刷的室外通信介質(zhì)的廣告牌和海報(bào),你知道讀者只有一部分時(shí)間來(lái)查看板和消耗的是什么溝通,所以你不要亂用微調(diào)的字體多,相反你可能會(huì)專注于最初的印象類型的可讀性。
然而,一個(gè)網(wǎng)站有完全不同的目標(biāo)。設(shè)計(jì)字體的計(jì)算機(jī)和網(wǎng)絡(luò)要求設(shè)計(jì)師將大量的信息在不同的段和亞段(微觀和宏觀排版)。同時(shí),網(wǎng)頁(yè)是不恒定的它出現(xiàn)在不同的瀏覽器,不同的互聯(lián)網(wǎng)接入設(shè)備和不同的屏幕分辨率。所以Web版式必須處理好一些問(wèn)題,相比其他介質(zhì)。所以,在選擇自己的馬鞍山網(wǎng)站制作網(wǎng)絡(luò)公司,設(shè)計(jì)師必須考慮的跨平臺(tái)性和可讀性。這些只是一小部分,一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師必須牢記當(dāng)接近一個(gè)網(wǎng)站的問(wèn)題。
Web版式是“信息設(shè)計(jì)”
當(dāng)涉及到網(wǎng)頁(yè)設(shè)計(jì)中,字體不限于選擇字體和奠定了它;它是藝術(shù)劃分成信息以這樣一種方式,讀者會(huì)有一個(gè)很好的機(jī)會(huì)找到感興趣的是什么…這是在網(wǎng)頁(yè)上的字體變得更像信息設(shè)計(jì)。
在Web版式是一樣關(guān)于組織型轉(zhuǎn)化為有效的,有意義的布局是使用杰出的字體。
注意到某一個(gè)文本塊,幫助用戶找到他們正在尋找的內(nèi)容,或安裝各種各樣的內(nèi)容到一個(gè)頁(yè)面都是通過(guò)印刷技能做。
的設(shè)計(jì)理念型不僅僅是清晰的,但也有意義的部分是什么使很多人關(guān)于網(wǎng)頁(yè)排版。任何人都可以輸入一段文字;更少的人可以使用像字母間距,行高和字體大小,給它一個(gè)意義的字符;…但網(wǎng)頁(yè)設(shè)計(jì)師可以組織類型在整個(gè)布局的方式,賦予意義的讀者,幫助引導(dǎo)他們?cè)谡麄€(gè)網(wǎng)站。
這就是我們所說(shuō)的印刷工藝的信息設(shè)計(jì)。
開(kāi)始設(shè)計(jì)排版系統(tǒng),把它分為兩個(gè)不同的部分往往是有幫助的:
•宏觀排版,包括文本文檔的整體結(jié)構(gòu)
•微型印刷術(shù),其中包括較小和較詳細(xì)的方面如字體、行高和間距等。
通過(guò)宏觀排版第一,它可以很容易畫(huà)出“大圖片”的設(shè)計(jì)中的類型系統(tǒng)的元素。將導(dǎo)航在哪里?如何將類型網(wǎng)站的布局?一列??jī)桑扛嗨械闹饕慕Y(jié)構(gòu)規(guī)則,首先應(yīng)該明確。在這一點(diǎn)上你可以使用任何你想要的字體…但你可以開(kāi)始一個(gè)設(shè)計(jì)的大小和比例的感覺(jué)。
一旦你有了“大圖片”的概述,它的時(shí)間的方法,微觀排版。這是你開(kāi)始真正完善你的類型系統(tǒng)定義的風(fēng)格元素如你主要的(和可能的二次)字體,如何將大標(biāo)題,如側(cè)邊欄的標(biāo)題,默認(rèn)大小段落文本,鏈接的顏色,等等。
網(wǎng)頁(yè)排版技巧
如果你是剛開(kāi)始作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師,看著所有的網(wǎng)頁(yè)排版發(fā)生的瘋狂的事情可以是艱巨的。你可能有很多問(wèn)題,如:從哪里開(kāi)始?什么是對(duì)什么是錯(cuò)?有規(guī)則,我必須遵循?好消息是,在它的核心,網(wǎng)頁(yè)排版確實(shí)有一些一致的規(guī)則,你應(yīng)該知道的。以下是一些有用的提示,我已經(jīng)收集了用于創(chuàng)建網(wǎng)頁(yè)的有效型系統(tǒng):
干凈、清晰的層次結(jié)構(gòu)
從思維型
排版的層次是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)很重要。把所有的不同的地方,你用文字在網(wǎng)站導(dǎo)航,標(biāo)題,段落,圖像標(biāo)題,側(cè)邊欄,等等。有很好的機(jī)會(huì),有很多的文字!你要如何把這一切變成一個(gè)邏輯型系統(tǒng)?通過(guò)開(kāi)發(fā)一個(gè)類型的層次結(jié)構(gòu)。
一個(gè)完整的層級(jí)讓你知道從哪里開(kāi)始閱讀,如何進(jìn)行閱讀,最重要的和不重要的頁(yè)面上的信息之間的差異。一個(gè)有效的類型層次結(jié)構(gòu),你不需要依賴文本放置了突出你的讀者首先要經(jīng)過(guò)。
閱讀更多關(guān)于理解層次
級(jí)聯(lián)版式是一致的
在印刷技術(shù)中,缺乏一致性是最常見(jiàn)和最重復(fù)的錯(cuò)誤,網(wǎng)頁(yè)設(shè)計(jì)師提交的這些天。一個(gè)平面設(shè)計(jì)師常常會(huì)精心設(shè)計(jì)每一頁(yè)的每一封信…但這是不必要的網(wǎng)頁(yè)設(shè)計(jì)。
而不是試圖手動(dòng)設(shè)計(jì)每個(gè)網(wǎng)站上的每一塊型,與級(jí)聯(lián)樣式表(CSS)心目中的概念設(shè)計(jì)。利用CSS的祝福和設(shè)置字體,大小,顏色,行距,整個(gè)網(wǎng)站的高度和你的排版等功能。
我早點(diǎn)說(shuō),但是,讓我強(qiáng)調(diào)一點(diǎn):杰出的網(wǎng)頁(yè)設(shè)計(jì)師不僅將圖像和文本粘貼到網(wǎng)頁(yè)布局。它需要良好的職業(yè)習(xí)慣讓勝利的網(wǎng)站設(shè)計(jì);一個(gè)職業(yè)習(xí)慣的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該是讀課文,然后放置在網(wǎng)頁(yè)布局。如果你有機(jī)會(huì)到文本的內(nèi)容,你會(huì)使用,避免將其粘貼在盲目。通過(guò)閱讀文本實(shí)際,你就可以讓內(nèi)容和設(shè)計(jì)更好的連接。
另外,當(dāng)你完成放置文本和其他元素的設(shè)計(jì),使它成為一個(gè)點(diǎn)一遍為校對(duì)實(shí)踐,避免任何錯(cuò)誤或留下的東西。這是驚人的設(shè)計(jì)師忘記風(fēng)格一樣簡(jiǎn)單的事情列表如何往往因?yàn)樗麄兺ㄟ^(guò)設(shè)計(jì)階段。
宏觀和微觀排版–物質(zhì)!
一個(gè)成功的網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該注意宏觀和微觀排版。即使是布局,如果事情是對(duì)事物的“微”失蹤土崩瓦解…甚至微型印刷術(shù)不會(huì)對(duì)讀者有用如果不放使用適當(dāng)?shù)暮暧^排版原則。兩者都是重要的!
很多設(shè)計(jì)師都特別好,在一個(gè)或另一個(gè)…所以,花點(diǎn)時(shí)間考慮你的強(qiáng)項(xiàng)是什么:宏觀或微觀的?然后盡你大的努力來(lái)加強(qiáng)你的能力(通過(guò)實(shí)踐和對(duì)細(xì)節(jié)的關(guān)注!)在你脆弱的技能。
顏色和字體
這個(gè)不用說(shuō),很多設(shè)計(jì)師,但文字的顏色是另一個(gè)需要考慮的因素。有網(wǎng)站將這一點(diǎn)視為理所當(dāng)然,使用的字體顏色,數(shù)百:
• 使字體很難讀
• 或很無(wú)聊!(乏味的顏色被浪費(fèi)的顏色)
你不需要去把整個(gè)彩虹橫跨頁(yè)面,你不需要使用什么可怕的紅色文字在綠色背景…只使用簡(jiǎn)單的,感性的色彩理論為你的字體是易讀和有趣的挑選顏色。記住,在大多數(shù)情況下,鏈接應(yīng)該是彩色的…它告訴人們他們可以點(diǎn)擊他們!
閱讀更多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的色彩理論。
設(shè)計(jì)與“文字直播”
停止使用Lorem存有!是沒(méi)有替代品的實(shí)際文本而設(shè)計(jì)的一個(gè)網(wǎng)站。雖然您可以使用虛擬文本要知道事情將如何布局中的樣子,只要你的網(wǎng)頁(yè)設(shè)計(jì)來(lái)完成,嘗試用實(shí)際的文本,您或您的客戶計(jì)劃使用在直播網(wǎng)站。只有這樣你才能同步設(shè)計(jì)與文本和確定影響到整體網(wǎng)站的樣子…即使在這個(gè)過(guò)程中,小的疏忽會(huì)導(dǎo)致在一個(gè)設(shè)計(jì)的薄弱點(diǎn),所以花時(shí)間去調(diào)用一個(gè)項(xiàng)目“完成”前用文字直播!
顯示你的字體的個(gè)性
關(guān)于Web字體的美妙的一件事是,有各種各樣的方法途徑,每個(gè)設(shè)計(jì)師都有他或她自己的方式做事情,而沒(méi)有一個(gè)“正確”的方式在網(wǎng)絡(luò)式布局。型人格,就像你或你的客戶,所以不要害怕去玩你自己的創(chuàng)造性的變化,一旦你釘一個(gè)網(wǎng)站設(shè)計(jì)的BASIX。
閱讀更多關(guān)于如何選擇合適的字體
結(jié)論:熟能生巧
網(wǎng)頁(yè)設(shè)計(jì)需要你掌握一些東西,為了讓一個(gè)真正偉大的布局和排版,絕對(duì)是其中的一件事。一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師誰(shuí)真正了解排版的重要性將能夠達(dá)到成功的因素往往不是…和所有這些需要的是實(shí)踐來(lái)訓(xùn)練你的頭腦去看去任何給定的塊型方式!排版是不是火箭科學(xué),但它確實(shí)需要大量的工作,發(fā)現(xiàn)對(duì)于任何給定的項(xiàng)目做事方式。
每天花一些時(shí)間去實(shí)踐嘗試以一篇文章,你真的喜歡和重新設(shè)計(jì);設(shè)計(jì)自己的簡(jiǎn)歷,組合,任何你能找到的…只是用什么樣的想法,你可以去實(shí)踐,你會(huì)發(fā)現(xiàn)自己沒(méi)有變得更好!相信我,只要你了解的基本知識(shí),它會(huì)成為一塊蛋糕!
創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:
廣州網(wǎng)站制作公司
德陽(yáng)網(wǎng)站建設(shè)網(wǎng)絡(luò)公司
新聞名稱:網(wǎng)頁(yè)設(shè)計(jì)排版問(wèn)題
標(biāo)題來(lái)源:http://m.newbst.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)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容