DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 視覺設計:不斷進步的文本設計內容設計
視覺設計:不斷進步的文本設計內容設計
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:視覺設計:不斷進步的文本設計內容設計.

文字正在流行起來
         近些年博客、搜索及各類社會化平台逐漸成為熱門應用,我們用文字傳遞信息;
         網站普遍進入了改版的高峰期,新版面信息的呈現比以往更清晰直觀,這是一種對文字/內容的尊重;
         運用文字對網頁“注入情感”,使得交互的過程更為親切;

         設計上,文字的特征也變得明顯起來了,設計師更願意把文字當做設計的切入點,強調文字本身的樣式是否美觀,頁面文字排布是否到位等等…

        以前有人說在互聯網的下一個階段,文字將以一個更重要形式出現,目前看來基本沒錯。我們都能夠或多或少地感受到這個特點正在改變網絡的視覺特點。在這裡面,新型的網絡模式和以人為本的設計觀念這兩個因素都不同程度地推動了“文本復興”現象的出現與繁榮。比如Blog,Blog的出現對設計師的影響是非常大的,以文字為基礎視覺特點的Blog等於為設計師找到了新的切入點,沉悶已久的傳統設計環境一下變得百花齊放,耳目一新,加之從用戶角度出發的科學設計觀念的指導,使得更專業的視覺設計風格最終因能被用戶所接受而廣泛地傳播開來,而這些風格也很大程度上取決於對文字的各方面的考慮和設計。

文本的權重變化與設計重心的轉移
        稍有留意的話,從hotmail和msn的數次改版對比中也可以看出文字是越來越重要了。如hotmail早期的界面,其圖形化的特點是很明顯的,設計上沒有把文字與圖片各自的屬性進行區分,文字也被弱化;而目前新版的界面我們又能看到,文字竟成了支撐起視覺框架的主要來源,左邊的商標,中間的廣告詞,右邊的登錄框、提示語,底部的版權信息等這些區塊的合理編排,就已經足夠產生一種節奏和美感,再進行適當的顏色渲染,一個清晰直觀的界面就誕生了!再看新版msn主頁也是如此的,且文字的純粹度比前者更甚,首先這個全新的設計是非常大膽的,它一改以往微軟慣有的藍色調子,“簡單粗犷”的布局風格給用戶以強有力的視覺印象,內容呈現的形式也從過去擁擠、復雜,飽和的布局中解放出來了… 這兩個例子我們看到了文字在視覺設計工作中的權重比以往提高了,而且幾乎成了不可或缺的重要元素。在處理手法上,設計師的設計重心也開始轉向了基於文本為對象的設計,它注重樣式、版面、整體性的效果。不單從以上兩個例子可以看出這兩方面的變化,若我們拿出近幾年所做的設計進行對比就可以發現同樣存在類似的演變特點。

與設計有關的
        由於潮流的影響和某種創新嘗試的沖動,一些實用的規則和技巧也受到了時下許多設計師們的追捧。例如在標題、logo、導言和版塊欄目等層級較高的文字字體的選擇上,雅黑、細圓與線體等這幾類清晰輕巧的字體被大家所廣泛采用,此類字體可以經過簡單地處理後顯現出非常舒適協調的效果。而且設計師對關於文字的處理往往都會讓其比較帶有“陳述性”的色彩,因為不切實際的信息傳遞在當前的網絡形勢下顯得不受歡迎,帶“陳述性”的設計能讓頁面的“情緒”看起來比較平緩,讓“真相”更加明了,不會強加給用戶某種主觀的意識,對產生頁面親和力是有幫助的,而且在較個性的美化效果下也能保持良好的易讀性。

        在內容區域方面,樣式+版式的設計方法也逐漸流行並系統成熟起來。通過平衡的版塊、疏密的節奏、正確的行間距和長短段落的控制來形成頁面視覺框架,再用適當的圖形元素與之匹配後使頁面發生美感。Blog界面的設計在這一點是比較突出的,比如著名的wordpress。且當中衍生出來的技法非常之多,發揮空間極大,在早幾年Blog剛出現之時乃至今天,關於這方面的設計一直是業界經常談及的話題,並且可以看到國內一些新產品和新頁面都是越來越注重這方面的設計了。當然了,以上說

不斷進步
        “文本設計”、“內容設計”的“復興”現象可以說是網絡信息設計的一個進步體現。它進一步發掘了文字的潛在設計價值、還原了文字的基礎屬性、通過這方面的設計可以提升了頁面的美術特質,也幫助推動了設計師專業度的提高,如前面所說的為設計找到了更多的切入點,從而帶動了一系列技法的發展。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved