網(wǎng)頁設(shè)計的根本 文字設(shè)計

你已尋找這個問題多年，常聽到這個問題在夢中被問及，也在以印第安納瓊斯般的遠(yuǎn)行去尋求答案。當(dāng)你知曉答案，你感到彩屑從天花板上紛紛墜落，樂隊也開始演奏你最愛的歌，你甚至從你的那一位那里得到了一個甜蜜的吻。那這是個什么樣的問題呢？

恩，網(wǎng)頁設(shè)計的秘密是什么？

這是一個艱難的問題，一個可能沒有答案的問題。在2006年，Oliver Reichenstein寫下了Web Design is 95% Typography.一些人狂愛它，一些人卻不以為然。

若網(wǎng)頁設(shè)計過多的依賴于文字設(shè)計，那么學(xué)習(xí)其他事物的意義何在？你所需要做的只是理解文字設(shè)計的各個元素，然后就能做的很好。

當(dāng)然文字設(shè)計并不只意味著字體的選擇，隨著@font-face技術(shù)和一些如Typekit、 Webtype、 Fontdeck以及 Google Web fonts等服務(wù)的到來，你在文字設(shè)計的技術(shù)并沒有提升，你可以在你的余生中輕易的只用一種字體創(chuàng)造出杰出的設(shè)計，如果你這樣選擇的話——而在很久之前那些人（設(shè)計師們）則不得不這樣做，他們可沒有Photoshop作為向?qū)?。如果有什么區(qū)別的話，更多的字體選擇會使事情更加糟糕，這是因?yàn)橐坏┯辛烁嗟倪x擇，創(chuàng)造性以及美觀就會變得很難實(shí)現(xiàn)。

更多的玩具意味著更多的樂趣，不是嗎？如果你想走這條路，那就全力以赴，盡一切可能去達(dá)成。我喜歡看著不同的字體被使用，欽佩那些可以成功的在網(wǎng)站上使用新字體的人。然而，我已經(jīng)太多次看到當(dāng)開發(fā)方案提供給大眾時會發(fā)生什么，這并不是很好(就像Myspace)。而Typekit能讓你在開始使用一種字體之前就能使用文字設(shè)計來閱讀一本書，這會很酷，假如如果沒有用戶協(xié)議的話——如果是這樣的話，網(wǎng)站將會改進(jìn)十倍。

并非是我尖酸刻薄，說這就是對大多數(shù)網(wǎng)站來說你所需要知道的。試著仔細(xì)查看你喜愛的所有網(wǎng)站設(shè)計，去掉其中所有的圖片，然后問下自己：“只有文本和空白的網(wǎng)站會是什么樣？”當(dāng)設(shè)計師們說“文本是一種界面時”，他們來真的了。iA site （網(wǎng)站）就是一個杰出的例子。

我最喜歡的作品之一是A Working Library.它是以文本的展示來形成界面，留白剛剛好，文字設(shè)計也很到位。

一些人認(rèn)為這樣的設(shè)計枯燥而乏味，他們認(rèn)為設(shè)計應(yīng)該有更多的流行風(fēng)格。到了最后你設(shè)計的剩余部分可能會被你的一些多余的視覺嗜好所占據(jù)（你不再重視設(shè)計本身），所以你需要完成設(shè)計最初的95%。但你此刻正在閱讀的這篇文章所在的網(wǎng)站就已經(jīng)做得很好，展示了不依靠圖像而仍舊美觀的視覺設(shè)計。

很可能會設(shè)計出一個精彩的網(wǎng)頁而不用丁點(diǎn)圖片，我知道這聽起來很瘋狂，但這很有可能。我并不滿足這本應(yīng)如此，但是如果我們能夠僅用文字設(shè)計和空白就能體現(xiàn)優(yōu)雅，那為什么我們不應(yīng)該試著去插入圖像、視頻和其他效果來創(chuàng)造杰出呢？

在使用圖像時我不是想說那些真正要表達(dá)什么的圖像，就如圖標(biāo)，但圖像在這里就是為了引人注目。有時一張圖勝過千言萬語，所以最好使用圖片(但你仍然需要考慮使用留白)。這里有兩個以上的美好網(wǎng)站的例子，它們都將重點(diǎn)放在文字設(shè)計上以實(shí)現(xiàn)整個設(shè)計。第一個網(wǎng)站是Blake Allen Design ，第二個是The Harriet Series（這兩個網(wǎng)站都是使用圖像來表達(dá)他們的文字設(shè)計，你要認(rèn)識到這一點(diǎn)）

上面的兩個設(shè)計之所以讓我感興趣，是因?yàn)槲淖衷O(shè)計并不單是指引你經(jīng)過這段過程，它是在用自己的風(fēng)格做著這件事。你幾乎感覺到文字設(shè)計就是設(shè)計者的表達(dá)。Blake Allen使用赫維提卡體（Helvetica）來使他的網(wǎng)頁滿是瑞士風(fēng)格式的清新、有序的風(fēng)格.而在另一方面，哈里特系列的網(wǎng)站則顯得有一點(diǎn)頑皮，也更具實(shí)驗(yàn)性。這就是文字排版所造就的有組織的混亂之美。

對在這之外的99%的設(shè)計師，文字設(shè)計和留白是你們潛在的基礎(chǔ)。所以如果你不好好了解改正，你接下來的設(shè)計便如同無根可依。對你的設(shè)計的擔(dān)心還是停下來吧，首先要擔(dān)心的是如何讓設(shè)計堅挺站立。應(yīng)該了結(jié)了這個之后再開始裝扮你的設(shè)計。

Clear應(yīng)用是iOS上的一款簡潔的任務(wù)管理列表應(yīng)用。當(dāng)圍繞它的興奮點(diǎn)主要是用手勢來控制界面時，你會發(fā)現(xiàn)單是文字設(shè)計就足以解決一切并讓你享受著這款應(yīng)用。當(dāng)然這是使用了Helvetica字體，如果是使用了到處是糟糕間距的Comic Sans字體呢？杰出的文字設(shè)計并不一定以很美好的方式引人注目，而這并不意味著它也要以一種負(fù)面的方式突出，然后帶來足夠的傷害。

Art of the Menu是一個很棒的菜單設(shè)計網(wǎng)站。

The Art of the Menu網(wǎng)在說明文字設(shè)計對菜單設(shè)計的重要性上做出了很多貢獻(xiàn)。當(dāng)一些餐館很樂意地去往菜單加入圖像和插畫以讓其變得招人眼球時，他們并沒有使用合適的文字設(shè)計結(jié)構(gòu)以使你更容易的瀏覽菜單，這很失敗。

如果你是一個設(shè)計師，沒有理由會說你不想要一個合適得體的設(shè)計。當(dāng)你進(jìn)行一個沒有堅實(shí)根基的設(shè)計時，你往設(shè)計里增添任何東西都只會使你的設(shè)計變得更糟。太多的設(shè)計師都會茫然的嘗試著用無價值的東西去拯救他們的設(shè)計，他們無疑是在火上澆油。

是否已經(jīng)更好的理解了文字排版呢？不久之前Smashing雜志做了這個一些頂尖的文字設(shè)計的工具和資源的綜合總結(jié)也可以看一下。

當(dāng)前文章：網(wǎng)頁設(shè)計的根本 文字設(shè)計
標(biāo)題URL：http://www.muchs.cn/news21/170121.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、虛擬主機(jī)、定制開發(fā)、品牌網(wǎng)站制作、微信公眾號、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)