腾讯分分彩独胆二期
智軟工作室主要是為寧波公司提供寧波網站建設,寧波網站制作,寧波做網站公司,寧波外貿網站建設公司,寧波網站優化等項目,以優質的服務,優惠的價格,深的客戶信賴。相信有你的加入我們的明天會更有動力!期待與你合作!
  • 寧波智軟設計工作室,打造寧波網站制作工作室頂級品牌
  • 智軟擁有專業的設計團隊
  • 多年網站建設團隊為你服務
  • 智軟期待與你合作
  • 我們的技能
  • 我們掌握的技能有:dreamweaver,flash,photoshop
  • 寧波高端網站建設服務公司
    2014已經悄然到來,在新的一年我們恭賀所有客戶事業蒸蒸日上,同事慶祝智軟設計工作室成立5周年,在5周年為眾多客戶提供了保質量的網站設計與網站制作。 我們在新的一年質量與服務將會更加進一步為更多的客戶帶來高端的網站設計與服務!期待與你合作
  • 企業網站制作建設原因與服務介紹

    智軟設計工作室多年為寧波企業網站制作建設服務一直以來我們以最優惠價格,最優質的質量,最突出的設計!得到了客戶的一致認可,我們的服務包括:寧波網站設計,寧波網站建設,寧波網站制作,寧波網站優化,寧波英文網站制作我們會以優質的服務,最低的價格來報答客戶!

  • 點擊鏈接網站優化推廣介紹

    點擊連接網站優化推廣-對企業的網站優化和網站推廣--對企業的重要性-點擊進行詳細了解

  • 2014開幕,寧波網站設計服務全面優惠.

    2014開幕,寧波智軟設計為寧波企業提供更加優秀的設計和實惠的價格

  • 鏈接到網站案例展示平臺
    智軟設計工作為寧波客戶網站設計案例展示平臺-案例均為定期更新,讓新老客戶更好的看到我們做的案例,點擊查看我們做的網站案例吧!
  • 我們寧波網絡公司提供網站一站式解決方案
    智軟(寧波網絡公司)幫你輕松解決網絡問題,網站一站式解決方案
你當前的位置:智軟工作室 > 營銷與網絡 >

國內網頁設計大師韓冬雪培訓要點分享

2011-12-22 13:15

韓冬雪算是國內一個比較有名的設計師,近期我也是成為了他的學生。那么今天我就來總結下韓冬雪老是交網頁設計中的要點。也算是精髓吧!

一、要把網頁設計當成玩兒,而不單單是工作。

這其實說的是興趣的事兒,作為網頁設計師,一定要對網頁設計感興趣,你才能痛并快樂著,要不每天忙于應付客戶交付的任務,就只剩痛苦了。韓老師現在還在給客戶做大量設計的同時,有事沒事的畫個豬頭或者煤氣罐啥的,其實就是一種玩兒的態度。為啥做東西都挺累人了,他還要自己折騰呢?感興趣唄!自己動手設計出來挺酷、挺炫的東西一方面會有成就感,另一方面也鍛煉了自己的設計能力,所以如果我們對網頁設計有興趣和話,加上勤學苦練,進步一定非常快。

二、網頁設計其實也是UI,所以要用做UI的概念來做設計。

elf-1.jpg

mc-1.jpg

web-design.png

like-v 韓雪冬網頁設計.png

上面是韓老師作品中的元素截圖,相信很多人都對這種酷炫的光效效果感興趣而去臨摹。但是其實就像韓老師教給大家的那樣,技術上實現起來并不難,關鍵在于要對光效的理解到位。哪里是高光,哪里是陰影,哪里是反光要能夠考慮到。拿第二張圖片登錄表單來說,頂部的左右兩邊的高光最亮的部分是白色的,這是一個層次,那么既然有這么亮的光線存在,那么必然在這些亮光周圍有向外擴散的光暈,這又是一個層次,所以你可以看到這些高光周圍的紫色是要比更遠處的紫色淺一些的,所以你如果考慮到了這些東西,并且掌握了實現的技術,做出來的東西應該是很細膩漂亮的。

而這些效果僅僅靠圖層樣式的參數調整是不能夠實現的,如果我們僅僅死記硬背了幾個圖層樣式的參數設置,或者在Photoshop中保存了一大堆圖層樣式,而沒有真正理解的話,是不會有提高的。為什么韓老師做這種光效很厲害?我覺得和他一開始做UI設計有非常大的關系,做UI要考慮到很多關于結構、光效之類的東西,比起網頁上的元素來說要復雜很多。

下面是韓老師最近設計的煤氣罐圖標,我們可以認真觀察,仔細考慮其中的高光和陰影,為什么高光和陰影放在這里?為什么是這個形狀?明白了這些之后,網頁元素上的光效看上去就比較簡單了。所以多拿這種圖形設計練手是非常好的提高設計能力的方法。

580gas-tank.jpg

用UI的概念做網頁設計的另外一個要點是細節。就像觀止教育的優秀設計師辛旭起接受68Design采訪時說的那樣”我就拿一個按鈕來說明,什么是按鈕的細節?做出了顏色的漸變,做出了玻璃質感的高光,還需要什么?現在做出了三個面:亮部,暗部,高光。但是仔細想想:高光可能不止一處有高光,可以有多處光源,可以有多處高光。暗部不只是暗,它里面可能還會有反光,還有反射的物體,還有被反射的物體上面也有高光等等這些。把這些在這個按鈕里有力的表現出來,這個時候,跟原來的按鈕相比,就看到了細節。”要讓設計出來的東西看上去漂亮,細節的表現是其中非常重要的一個方面。很多設計師在創建頁面元素的細節時總感覺無從下手,不知道該做些什么,總被批評為設計粗糙,原因就在于想法還不夠深入,看不到更深一層的東西,辛老師總結的這幾句話算是給我們道破了迷津。

關于網頁設計的細節,這里我要重點推薦我經常訪問的兩個關注細節的網頁設計網站,一個是PremiumPixels,這是英國有名的網頁設計師Orman Clark的個人站點,Orman Clark的這個網站主要關注的是wordpress主題的設計制作,他設計的wordpress主題雖然看上去界面沒有企業站那樣色彩豐富,效果炫麗,但是仔細觀察,細節上都無可挑剔。另外Orman Clark會經常的把自己設計的PSD文件共享出來,供大家下載。所以這個網站上有很多的PSD源文件,而每一個設計的細節非常的講究。所以通過研究源文件,我們可以很快把大師的技術學到手。

另外一個關注細節的優秀的網站是Dribbble,這是一個優秀設計師展示作品的平臺,幾乎每一個設計的細節部分都無可挑剔,仔細分析這其中的優秀作品,我們都可以在創意、配色、更重要的是細節方面提高很多。之前我挑出Dribbble上的10個導航設計進行了詳細的分析,寫了一篇文章《10個精致的導航菜單欣賞及點評》,大家可以參考一下。下面是我從Dribbble上隨便摘取下來的設計作品,大家可以看到這些作品在細節方面的完美表現。

skype_3.png

dribbble_lock-screen.png

drib.jpg

三、技術要積累并且熟練掌握。

拿韓老師的作品中用到的技術舉幾個例子來說,在這個游戲網站中,主要用到了下面幾種技術來實現最終的效果:

1、用動感模糊濾鏡做出來下雨的效果,噴濺筆刷做出來的打在巨人頭上和肩上的雨水濺起效果以及圖層疊加做出的地面的雨水漫過巨人腳面的效果。

2、用素材結合蒙板技術實現的巨人手中的火球效果以及巨人身后的山峰和閃電的效果。

3、套索工具和筆刷實現的頂部導航的巖石紋理的效果。

4、圖層樣式和筆刷做出來的Logo效果。

5、漸變映射為整個場景調色的技術。

所以如果這些實現的技術我們都沒有熟練掌握的話,先不談創意,就讓你臨摹一個類似的效果也不見得我們都能做得很好。這里我們又要談到細節的問題,課堂上,韓老師給我們看過這個設計的PSD文件,單單是巨人的一只手里的火焰效果好像就用了將近20個圖層,所以為什么韓老師做出來的這個場景看上去很真實,我覺得講究細節是其中的一個非常重要的原因。所以我們做設計一定要有耐心,要有把即使一個小小的箭頭都要求看上去完美的精神,做出來的東西才能經得起眾人挑剔的眼睛和品味的檢驗。

580youxi.jpg

四、認真細致的分析每一個優秀作品,讓自己不斷提高。

每個設計師的電腦里都保存了很多漂亮的網站截圖,但是這些設計作品我們有時候并沒有挖掘它更深層次的功效。既然這些都是我們看得上的好的設計作品,就應該多分析別人為什么以這種方式創意?為什么選擇這種顏色?為什么這么布局?如果是我做這個設計,我會怎么做?和別人相比差距在哪里等等這些問題,借鑒別人的長處。我的方法是用馬克鰻將這些值得學習的地方都標注下來,保存成圖片,以便隨時學習查閱。下面是我平時分析的一些東西,供大家參考(點擊縮略圖查看大圖)。

58062008831161751_MarkMan.png

58031Three_MarkMan.png

更多

【責任編輯:小戴工程師】

關鍵字: 網頁設計大師 韓冬雪

上一篇:《模板文件不存在,無法解析文檔》解決辦法 是一個bug 下一篇:網站內容設計之首頁-經驗共享

最新文章

2011-12-22 13:15

相關文章

2011-12-22 13:15
網站制作咨詢:
QQ:277728291
電話:18668277799
郵箱:[email protected]
期待你來電咨詢
回頂部
Copyright 2010 智軟工作室 版權所有    智軟為寧波公司提供最優惠的網絡服務【寧波網站建設,寧波網站制作公司,寧波做網站公司,寧波外貿網站建設公司】我們竭誠為你服務!
腾讯分分彩独胆二期