當前位置:
首頁 > 設計 > 南寧21中學的官網有毒!亮瞎眼的設計風格竟然出自本校大神老師之手…

南寧21中學的官網有毒!亮瞎眼的設計風格竟然出自本校大神老師之手…

在暑假的時間裡

不少家長開始為自己的孩子找個好點的學校

想用各種辦法了解當地的學校

比如去瀏覽他們的網站

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

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

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

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

隨便堆堆效果的結果

那你就大錯特錯了!

為了實現效果上的出彩

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

GIF/1.0M

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

至少是花了心思的

經過美丫姐的大數據挖掘

現實這個網站的設計者是

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

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

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

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

比如這個新聞子頁面

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

還有這個教研工作平台

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

是有前後主次關係的

還有充滿古色古香的這個

教師工作室平台網站

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

不過是屬於早期作品了

每一個網頁都加了flash動效

先不說最終效果如何

韋老師在元素處理上

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

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

最早的記錄在07年的時候

榮獲了網站評比的一等獎

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

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

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

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

問題到底出在哪裡呢?

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

首先我們從頁面效果來看

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

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

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

海龜的倒影處理手法

也是正常的表現方式

但就是不好看,很奇怪!

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

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

01

審美練習是設計的第一步

知道錯的,才能達到對的

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

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

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

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

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

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

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

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

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

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

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

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

多看最優秀的作品

臨摹也要從最好的開始

切勿封閉自己

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

02

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

當擁有審美判斷力之後

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

設計與藝術不同

不是藝術效果的極端追求

而是將所有需求合理解決

設計的根基就是解決問題

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

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

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

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

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

目前國內學院派的網站

也基本達到了這類要求

而是一味按照個人喜好

進行所謂的設計

但它畢竟也是個例

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

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

那麼這樣的視覺效果

基本算是設計過的了

中央美術學院

魯迅美術學院官網

西安美術學院官網

03

更上一層次的設計是

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

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

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

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

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

可能就沒有那麼跳脫

及格分之上的設計

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

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

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

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

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

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

(大小微信有限制,只截取了很小一部分)

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

GIF/1.3M

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

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

從welcome開始

當你向下翻閱頁面的時候

每一頁的閱讀內容適中

能夠促使你向下繼續閱讀

設計排版也十分考究

疏密有度且注意留白

無論體驗還是視覺感受

都會比中規中矩的更好

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

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

單純的10000小時時間堆砌

並不是成為大師的途徑

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

才是更加高效有用的方式

翼狐網全新PS教程

【力量泰拳特效合成步驟】

本教程為PS圖片合成課程

通過合成泰拳特效

詳細講解圖片風格的把握

精準摳圖及素材運用

點擊展開全文

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

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 翼狐網 的精彩文章:

實拍社會中明星臉,門衛馬雲服務員胡歌,最後這「王思聰」絕了!
20張最離奇的照片,不是PS,但看起來又不可思議!
讓人無語的腦殘設計,糟糕到讓人懷疑設計師是不是有嗑藥!
據說10秒鐘找出來的智商超過100,估計給你5分鐘也不行!

TAG:翼狐網 |

您可能感興趣

北京大學官網和南京大學的互動,曾經引領中國改革的北大學子
美巡賽官網為他癱瘓! 42歲的伍茲復出能拯救流量下滑的高爾夫?
英國大學官網總被黑!居然是這幫人乾的?
全美吹利拉德絕殺!官網發亂碼,名記:就問有沒有打出庫里的水平
春節出街神器!「煙花噴」 官網鏈接已經釋出,居然還有女款!
勇士防守詹姆斯!誰防的最好,NBA官網給出了結果,球迷:難以相信
連東京大學都把這個留學項目掛到了官網,外國學生爽了!
小米突然出招:官網全系產品迎來大幅降價!友商傻眼
登上格萊美的官網?張藝興成為首位唯一的中國宣傳大使
亞馬遜中國回應官網無法打開:技術部門已著手處理
留學出發在即,各地區英國大學官網生活費標準了解一下
安卓官網放出魅族15圖片,網友點贊:不跟風,好樣的!
《從零開始的大冒險:甜點王子2》手游官網上線
我國洛陽龍門石窟的失竊佛首,近日疑似出現在美國蘇富比拍賣官網
《荒野大鏢客2》中文官網更新 亡命槍手身份背景大揭秘
4大頂級黑客之一,曾重創美國網路,在白宮官網掛五星紅旗
【冒死解密!】加拿大鵝的那些套路【大黑官網】 canadagoose中文
《荒野大鏢客2》中文官網悄悄放出了幾個角色介紹
騎士防守奧拉迪波誰的功勞最大?NBA官網和泰倫盧同時給出了最好的人選
平價好用的防晒噴霧推薦,葵兒防晒噴霧官網