愛好設計10年，跟專業設計師的差別到底有多大？

普通與專業人士做設計

到底會有多大差別

設計需求：

「我們網站要高貴，跟鑽石一樣看上去很貴的樣子」

「還要青春活潑有點綠色氣息」

「當然還要大氣，海闊天空那種」

「最後還要有熱情的感覺，最好來個歡迎動畫「

結果…

前幾天南寧21中的官網火了

看過的小夥伴紛紛表示被震驚壞了

這到底是怎樣的腦洞才能這麼驚人

如果你覺得這個網站是趕稿之後

隨便堆堆效果的結果

那你就大錯特錯了！

為了實現效果上的出彩

21中的網站還加入了flash的動畫效果

GIF/1.0M

所以說其實這個網站是在認真的去做

至少是花了心思的

經過美丫姐的大數據挖掘

現實這個網站的設計者是

21中在職的一名叫做韋建華的教師

並且韋老師是真心喜歡網頁設計

除了主頁之外還設計了不少相關的頁面

基本上承包了21中所有的網頁設計工作

比如這個新聞子頁面

以及這個50周年校慶的網站

還有這個教研工作平台

仔細看可以發現人物周圍的光暈

是有前後主次關係的

還有充滿古色古香的這個

教師工作室平台網站

我覺得這個是韋老師發揮最正常的一次了

不過是屬於早期作品了

每一個網頁都加了flash動效

先不說最終效果如何

韋老師在元素處理上

還是非常認真並且費盡心思的

網頁上的信息顯示韋建華老師早就開始從事「設計工作」

最早的記錄在07年的時候

榮獲了網站評比的一等獎

這麼算下來韋老師已經有10年的設計經歷了

雖然不是全職沒辦法對標10000小時定律

但怎麼說也是熱愛這個行業十年了

設計的東西卻都是不被大眾接受的

問題到底出在哪裡呢？

自學設計會不會也變成了這種情況？

首先我們從頁面效果來看

韋老師的軟體運用能力是沒問題

很多也是正常的細節跟處理手法

例如這個，藝術字跟字體樣式都ok

海龜的倒影處理手法

也是正常的表現方式

但就是不好看，很奇怪！

辣么我們就結合其他的學院網站

來說明一下10年的學習軌跡到底錯在哪裡

審美練習是設計的第一步

知道錯的，才能達到對的

初級設計師有個恆定的主題

「如何提高個人的審美？」

只有基礎的審美之後才能做出大眾所能接受的作品

拿畢加索後期的名畫為例子

明明是奇怪的形狀但為什麼看上去不醜？

具有類似造型的兒童畫卻在整體上

看起來幼稚了很多，觀感並不舒適

願意是用色方面專業畫室會有取色章法

顏色統一和諧，不會有刺眼或是完全不相關的色彩出現

避免了高飽和的色彩，多使用中間灰

那麼這種「好」與「次」的區分

就是你的審美能力的體現了

多看最優秀的作品

臨摹也要從最好的開始

切勿封閉自己

不然你有可能一直都陷於一種方向無法自拔

合理滿足需求是設計的基礎

當擁有審美判斷力之後

就會進入設計合理性的考慮階段

設計與藝術不同

不是藝術效果的極端追求

而是將所有需求合理解決

設計的根基就是解決問題

甲方需求—如何增大頁面的轉換率

用戶需求—如何使用起來更人性化

自己需求—如何保持頁面美觀程度

21中的網站並沒有滿足這一需求

就拿網站主頁來並沒有將要表達的內容說清楚

目前國內學院派的網站

也基本達到了這類要求

而是一味按照個人喜好

進行所謂的設計

但它畢竟也是個例

大部分線上的網站都基本滿足了需求

信息清晰呈現／無視覺問題／用戶能夠輕易學會使用

那麼這樣的視覺效果

基本算是設計過的了

中央美術學院

魯迅美術學院官網

西安美術學院官網

牛津大學

康奈爾大學

更上一層次的設計是

用設計語言去 構建品牌氣質

我們會覺得21中的設計很low

其中一個原因是它的畫面與內容本身毫無關聯性

除了難看以外，還有怪誕的錯位感

就好像你如果說這個頁面是巴拉巴拉小魔仙

可能就沒有那麼跳脫

及格分之上的設計

是在與大眾設計有區分度後

又能準確的傳達品牌氣質的

學院類網站看了一圈基本都大同小異

只有斯坦福這個讓人眼前一亮

首頁為了增加用戶停留時間

設置了一個能夠跟隨滑鼠的交互動畫

（大小微信有限制，只截取了很小一部分）

體驗網址：https://dschool.stanford.edu/

GIF/1.3M

斯坦福網站設計的最好的地方在於

它與用戶整體閱讀習慣相符

從welcome開始

當你向下翻閱頁面的時候

每一頁的閱讀內容適中

能夠促使你向下繼續閱讀

設計排版也十分考究

疏密有度且注意留白

無論體驗還是視覺感受

都會比中規中矩的更好

這也就是設計給品牌帶來的附加值

借用《刻意練習》裡面的觀點來說

單純的10000小時時間堆砌

並不是成為大師的途徑

只有有目的的去進行刻意練習

才是更加高效有用的方式

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！