文字設計是網頁設計的根本,文字設計網頁設計

來源:互聯網
上載者:User

文字設計是網頁設計的根本,文字設計網頁設計

恩,網頁設計的秘密是什嗎?

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

  若網頁設計過多的依賴於文字設計,那麼學習其他事物的意義何在?你所需要做的只是理解文字設計的各個元素,然後就能做的很好。

  當然文字設計並不只意味著字型的選擇,隨著@font-face技術和一些如 Typekit, Webtype, Fontdeck, 以及 Google Web fonts等服務的到來,你在文字設計上的技術並沒有提升,你可以在你的餘生中輕易的只用一種字型創造出傑出的設計,如果你這樣選擇的話 —— 而在很久之前那些人(設計師們)則不得不這樣做,他們可沒有 Photoshop 作為嚮導。如果有什麼區別的話,更多的字型選擇會使事情更加糟糕,這是因為一旦有了更多的選擇,創造性以及美觀就會變得很難實現。

  更多的玩具意味著更多的樂趣,不是嗎?如果你想走這條路,那就全力以赴,盡一切可能去達成。我喜歡看著不同的字型被使用,欽佩那些可以成功的在網站上使用新字型的人。然而,我已經太多次看到當開發方案提供給福士時會發生什麼,這並不是很好(就像 Myspace)。而 Typekit 能讓你在開始使用一種字型之前就能使用文字設計來閱讀一本書,這會很酷,假如如果沒有使用者協議的話 —— 如果是這樣的話,網站將會改進十倍。

  並非是我尖酸刻薄,說這就是對大多數網站來說你所需要知道的。試著仔細查看你喜愛的所有網站設計,去掉其中所有的圖片,然後問下自己:“只有文本和空白的網站會是什麼樣?”當設計師們說“文本是一種介面”時,他們來真的了。iA site(網站)就是一個傑出的例子。精心開發5年的UI前端架構!

  我最喜歡的作品之一是A Working Library。它是以文本的展示來形成介面,留白剛剛好,文字設計也很到位。

  一些人認為這樣的設計枯燥而乏味,他們認為設計應該有更多的流行風格。到了最後你設計的剩餘部分可能會被你的一些多餘的視覺嗜好所佔據(你不再重視設計本身),所以你需要完成設計最初的 95%。但你此刻正在閱讀的這篇文章所在的網站就已經做得很好,展示了不依靠映像而仍舊美觀的視覺設計。

  很可能會設計出一個精彩的網頁而不用丁點圖片,我知道這聽起來很瘋狂,但這很有可能。我並不滿足這本應如此,但是如果我們能夠僅用文字設計和空白就能體現優雅,那為什麼我們不應該試著去插入映像、視頻和其他效果來創造傑出呢?精心開發5年的UI前端架構!

  在使用映像時我不是想說那些真正要表達什麼的映像,就標,但映像在這裡就是為了引人注目。有時一張圖勝過千言萬語,所以最好使用圖片(但你仍然需要考慮使用留白)。這裡有兩個以上的美好網站的例子,它們都將重點放在文字設計上以實現整個設計。第一個網站是 Blake Allen Design,第二個是 The Harriet Series(這兩個網站都是使用映像來表達他們的文字設計,你要認識到這一點)

  上面的兩個設計之所以讓我感興趣,是因為文字設計並不單是指引你經過這段過程,它是在用自己的風格做著這件事。你幾乎感覺到文字設計就是設計者的表達。Blake Allen 使用赫維提卡體(Helvetica)來使他的網頁滿是瑞士風格式的清新、有序的風格。而在另一方面,哈裡特系列的網站則顯得有一點頑皮,也更具實驗性。這就是文字排版所造就的有組織的混亂之美。

  對在這之外的 99% 的設計師,文字設計和留白是你們潛在的基礎。所以如果你不好好瞭解改正,你接下來的設計便如同無根可依。對你的設計的擔心還是停下來吧,首先要擔心的是如何讓設計堅挺站立。應該了結了這個之後再開始裝扮你的設計。

  Clear應用是 iOS 上的一款簡潔的任務管理列表應用。當圍繞它的興奮點主要是用手勢來控制介面時,你會發現單是文字設計就足以解決一切並讓你享受著這款應用。當然這是使用了 Helvetica 字型,如果是使用了到處是糟糕間距的 Comic Sans 字型呢?傑出的文字設計並不一定以很美好的方式引人注目,而這並不意味著它也要以一種負面的方式突出,然後帶來足夠的傷害。精心開發5年的UI前端架構! 

  Art of the Menu是一個很棒的菜單設計網站。

  The Art of the Menu 網在解說文字設計對菜單設計的重要性上做出了很多貢獻。當一些餐館很樂意地去往菜單加入映像和插畫以讓其變得招人眼球時,他們並沒有使用合適的文字設計結構以使你更容易的瀏覽菜單,這很失敗。精心開發5年的UI前端架構! 

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

  是否已經更好的理解了文字排版呢?不久之前 Smashing 雜誌做了這個一些頂尖的文字設計的工具和資源的綜合總結也可以看一下。


有人說字型設計是網頁設計的根本?對

對個球(球在中國大部分地方不是髒話,在陝西等地球就是女性的XX),網頁設計的根本想怎麼說都行,是配色,是布局,是互動,但絕對不是字型設計,這是某人在忽悠你的。
我們知道,現在的網頁絕大多數都是通過瀏覽器瀏覽的,你設計成什麼樣並不重要,重要的是別人顯示出來的是什麼效果,包括手機、平板、台式機、不同系統、不同瀏覽器都可能不同,字型對於瀏覽器來說,都是調用系統內建的字型的,別人不會用自己電腦裡面沒有的字型來顯示你設計的網頁的(除非你讓它下載安裝,可是,誰會下呢!)。

看看這圖,這是我的瀏覽器字型設定選項,在網頁裡面,類似word的字型,網頁有一個預設字型,中文字型很少,英文字型本來就很多,所以好多的平面作品,都喜歡弄兩個英文上去,然後隨便選個字型都很好看。總之,除了網頁上的圖片可以設計字型,其他的文字你只能選選字型,設定下大小等word的操作,雖然這些也很重要,但是不是什麼更本。


 
網頁設計的基本要素是什?一般網頁的尺寸,字型等方面的要是哪個?

網站設計基本要素有九項:整體布局,有價值的資訊,速度,圖形和版面設計,文字的可讀性,網頁標題的可讀性,網站導航,保護個人資訊聲明,詞語準確.

參考資料:www.obpo.com/Obpobbs/

一般網頁的尺寸:800*600相素的設定為寬760
1024*768的寬為1000
如要做一個全屏的引導頁 ,是1000*600剛好能全屏,但是普通的頁面寬最好是760 這樣兩種解析度的都不會出現橫向的捲軸了

字型看個人所好了
 

聯繫我們

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

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

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.