一網學是國內較早從事遠程培訓的機構,是較好的網頁設計培訓基地。創新的模式讓在職人員能夠工作學習兩不誤,省去了家里培訓點來回跑的時間。讓二三線以及偏遠地區的設計愛好者能足不出戶也享受來自一線城市老師的培訓。遠程教學可以把上課內容全程錄制,這樣方便學員課后反復復習,從而讓學員隊老師講解的內容真正做到的掌握。
抄現實是我們在設計中直接也是常用的一種方法,它顧名思意就是抄襲現實中存在的物體。因為其結果直接與主題相關聯,所以抄現實的方法可以讓視覺整體,主題突出。它將抽像的主題通過實體的事物表達出來,并以之做為內容信息的承載體,從而在視覺上直觀的體現了核心內容并突出主題。
說說——就是抄襲現實中的物體
簡單的意義上說就是眼前所能見到的一切事物,正如你現在手中的書本、手指、桌上的臺燈、水杯。這些生活中的事物通常具有豐富的形態和其延展的情感意義,我們可以利用它們來表達一些特定的主題。所以當我們接收到一個表現主題時可以通過它的生活原貌來激發靈感。
這里所指的現實是任何可以被我們認知的可視的物體
想想——抄現實的三步驟減法、分塊、加法
讓我們暫且拋開主題,就一個物體可以變成網頁而言,它有兩個關鍵點,是現實物轉換成網頁載體過程中的形態取舍,讓觀者既能辨識出抄襲的物體,又能夠給未來信息留下足夠的自由的排版空間;第二是信息內容與形態載體的結合和排版,讓信息內容完整的有條理的排布到形態載體中。
選擇物,是對主題視覺表現的選擇。主題有抽像和具像。具像的主題一般比較好把握,如棒球比賽,我們很自然的選擇棒球或球場做為主視覺。如果一些間接或者抽像的主題比如安全選擇盾牌、壓力測試選擇壓力表等,這些都需要我們發揮一定的想像。
下面我們來一起看看這一顆棒球的網頁變形記。
在還未翻到下一頁前,你可以想像一下,假如這個棒球是一個網頁,它會是樣的?你會保留它的些特征讓它看起來依然是一個棒球而非籃球,你會讓它的形態和內容結合,你會利用它的形態關系使你的內容更有層次。給自己一分鐘時間,不許翻頁劇透。
步驟分解
STEP 1:減法
為了不使形態干擾到網頁內容的表現,通常情況下,我們會先對物的形態進行簡化,使其在保留特征的同時更適合之后內容的安置。簡化的步驟有兩個1.特征的提練,如案例中的棒球,它的特征有兩個,一個是圓形的輪廓代表是一個球體,另一個是紅色的縫線,代表它是一個棒球而非足球或籃球。
2.審查刪除重復的描述。特征提煉后,在保留棒球特征的情況下,我們選擇去掉其中一根縫線,為信息騰出更多可操作的空間。
STEP 2:分塊
分塊也便根據物的形態對網頁的信息內容進行規劃。主要有三個關鍵點。
1.對信息進行消化。在充分的理解信息對之后的排版和信息調整有很大的幫助。這時也可以和需求方進行溝通對信息進行微調或收納。
2.在吃透信息后,我們就可以開始正式的分塊,分塊是一個逐層深入由粗到細的過程。
3.分塊完成后,我們結合造型進行一定的信息和造型微調。
STEP 3:加法
進行加法前,網頁大致的雛形已經出來了,之后加法的工作主要有四個。
1.具體內容的填充
2.氣氛和視覺的補充,讓整體效果更真實,如前景的人物添加始棒球的主題更明確,運動感更強。
3.特征的還原和細節補充。不得不承認信息高于裝飾。在確保信息的完整性后,我們在不干擾信息呈現的情況下還原一些原來刪去的細節,如背景縫線的還原,選擇了低透明低飽合的淺灰色,讓棒球更真實。
當我們瀏覽這個頁面時,強視覺沖擊力的棒球大效果映入眼簾。簡單的視覺掃描我們便立刻了解了這個專題的核心主題。結構清晰、主題明確,視覺強烈。這就是我們抄現實帶來的直接而有效的視覺效果。
總結:
抄現實的過程是利用現實物的原型來裝載網頁的信息內容,“抄現實”就像舊公寓改造,倘若我們將“抄現實”想像成一個舊公寓改造工程,假定我們和房子原主人有著不同的生活習慣,我們就需要拆墻,重新劃分功能區,重新裝修裝飾。也正如我們“抄現實”的方法:減法、分塊、加法。下面我們來具體看看它們的相通之處。
1.減法
首先根據我們的生活需要,我們會選擇一個形態大小合適的房子。這個房子要滿足居住人的基本功能需求,整體的改造也需要核算在可操控的成本范圍,選定房子后我們可能會先拆去原先的分割的圍墻,方便我們不受限制的設計出更貼合現有需求的空間。網頁設計也是一樣,原先的細節經常是束縛我們想像和內容設置的枷鎖。當然我們也不能無限制的拆墻,保留梁柱和承重墻是必需的,這也便是我們“抄現實”網頁設計方法中提到的特征,房子必需還是房子,抄襲的事物必需能被識別,這是刪減的底線。總而言之我們歸納為三點,一、選房要合適,選對房可以為后面的工作節省較大的成本。二、拆墻越干凈操作的自由度越高,同時也要考慮重建的成本。三拆墻不能毀梁柱,保留梁柱和保留物的征一樣重要,沒有了它們,不論房子還是現實物都將不復存在。
2.分塊
在功能劃分前,我們必需再梳理一遍自己的生活需求,這正如我們在進行網頁分區前所要做的信息消化。比如我們希望一個更大的洗浴間,或者希望將客廳娛樂與臥室一體化,這時候我們可以在房子的基本大輪廓內,結合管道的基本設置進行空間的重新劃分。分塊的這個步驟主要是解決功能性問題。滿足功能需要才使我們一切行為變得有意義。網頁設計中的這些信息內容就如同我們住家的吃喝拉撒睡,這些是重要的。
3.加法
與分塊解決的功能性問題相比較起來,加法解決的則是填充和裝飾的問題。在做完分區并完善好了基礎裝修之后,我們就可以陸續將我們的生活用品搬進房子,配置家電、沙發的。這也正如我們網頁設計中的內容填充。如果時間和金錢充裕我們可以購買符合自己個性的裝飾物,調整燈光氣氛等,讓我們的生活環境看起來更有情趣也正如使我們的網頁看起來更生動一樣。它是一種錦上添花,它可以為你的視覺加分,但切忌過于繁重而影響到了功能的使用,必竟家不是博物館,網頁信息傳播才是重要的。
一網學,我的未來我設計。