當前位置︰平面設計學院 > 網頁設計高級教程(上篇)
 

223183次 113條 295次
講師︰Gordan
課級︰高級拓展
時長︰13.0小時
單價︰¥890元 助學價︰¥380元
年會員︰¥1800元/年 今日促銷:¥399元 平面設計學院所有教程免費學
分享到︰

騰訊游戲TGideas 高級設計師Gordan聯合勤學網傾情打造,授課邏輯嚴謹,思路清晰,課程內容擁有強大的理論支撐,讓大家知其然,也知其所以然。課程總體劃分上下兩個篇章︰本套課程是上篇部分,上篇中主要將網頁設計知識點拆開講解,針對各個難點、重點進行分析,讓大家對每個細節都有全面的了解。教程總共九個大章,屬于高級課程內容,適合對Photoshop軟件操作有一些使用經驗的學員。

 
上篇課程總共分為九章
 
上篇
 
第一章 網頁設計概述

對網頁設計的分類、應用範疇進行詳細分析。

第一章

第二章網頁設計組成元素

包括色彩、排版、人像、靜物處理以及交互處理等。

第二章

第三章色彩搭配及配色誤區

不同行業、不同類型的網頁,在色彩基調選擇上的規律。

確定主色調之後,我們通過何種方式來進行色彩搭配,不同的顏色會給人怎樣的視覺效果等。

網頁設計第三章

第四章 網頁設計構圖及形式感的打造

內容包括︰設計構圖的方式有哪些?形式感如何打造?以及構圖形式的適用範圍等。

第四章

第五章 網頁中的文字處理

文字部分在網頁設計中佔有舉足輕重的地位,它是網頁信息傳達的主要載體。

我們通過分析文字的排版、圖文混排的方式,以及標題文字排版三個方面來講解。

第五章

第六章 交互處理

隨著網絡和新技術的發展,各種新產品和交互方式越來越多,人們也越來越重視對交互的體驗。

那麼本章節我們就針對網頁設計中常用的交互方式進行分析,同時還講解到了“分割法”以及響應式頁面的概念。

第六章

第七章 圖像處理

通過一個地產頁面向大家演示和講解了網頁圖象,如何調整色相、飽和度和明度,從而塑造畫面的景深關系、透視關系以及畫面的層次感。

第七章第七章02

第八章 人像處理

我們通過細部刻畫人物的光影關系,來塑造人物的立體感。根據需求,打造場景氛圍。

第八章01第八章02

第八章_03.jpg

第九章 逆光效果制作

在素材不完美的情況下,如何通過逆光效果,來突出氛圍?逆光效果具有哪些特征?場景又該怎樣塑造?

這些,我們都會在課程中一一為大家解答。

第九章01第九章_02.jpg

以上就是我們上篇部分的全部內容,課程通過理論結合實踐的方式進行講解,相信學完之後,大家會對網頁設計有更深刻的認識,也能做出更加優秀的作品。更多詳細內容,讓我們一起期待正式課程的學習。

 
第一章 概述

介紹本套教程的主要內容,網頁設計類型的劃分及趨勢。

第二章 網頁設計組成元素

本小節主要講解網頁設計中色彩的重要性,以及通過哪些方面來把握網頁的整體色彩。

排版的主要目的在于梳理網頁信息層級結構關系,其中包括文字色彩、大小、圖文混排以及圖標等方面的應用。

本小節主要講解網頁中人像靜物,在色彩和景深方面處理注意事項,以及網頁和人的交互關系處理技巧。

第三章 色彩搭配及配色誤區

網頁通過何種方式將色彩的整體基調呈現給大家,如根據企業vi、產品特性、主題等確定網頁整體色彩基調

常見的經典配色、對比色、近似色的使用,根據圖片取色以及近似配色在Photoshop中的實操技法。配色失敗案例的分析。

第四章 網頁構圖

主要講解網頁設計中的構圖形式,包括常規的構圖,以及特定主題時形式感的打造,不同構圖形式的適用範圍等。

第五章 網頁中文字處理

主要講解文字在網頁設計中的重要地位,以及做文字排版時,信息層級結構的梳理方式。

實例演示如何將文字的層級關系梳理得更加清晰,以及按鈕在層級關系中的作用。

信息展現類為主的頁面中,圖片在排版中的重要意義,以及圖文混排的理論依據

主要講解標題文字排版的思路、處理原則,以及演示常見排版方式

第六章 交互處理

信息展現為主的頁面在交互處理方面的側重點實例分析

講解了網頁設計中如何使用“分割法”劃分網頁區塊,以及響應式頁面的概念

“網易原創音樂”頁面交互式處理分析

第七章 圖像處理

項目背景分析、案例展示

畫面色調、景深關系、明暗關系調整,導航信息結構的初步把握。

通過添加細節元素“竹葉”塑造畫面的層次感空間感,和營造畫面的特殊環境氛圍。

“龍門一號”子頁面處理過程分析以及“帝景金岸”畫面調整實例演示

第八章 人物處理

以“端搶的人”為例,講解如何在沒有素材的情況下,根據人物特征,進行場景氛圍打造,以及人物整體色調、光影關系的調整。

加入一些符合場景的細節元素,讓畫面更加真實,更加具有帶入感。

多個人物如何擺放,相互之間作用的關系如何處理

第九章 人像逆光效果制作

逆光場景特征分析,素材的搜集和場景初步合成

光源以及人物素材精致化處理和逆光效果深入刻畫

細節元素的添加,深入打造場景的整體氛圍、光影、透視層次關系等

 
Gordan 主攻︰字體設計/網頁/攝影等 簡介︰騰訊游戲TGideas高級設計師,從事互聯網門戶、游戲品牌、包裝設計工作多年。曾就職于3G門戶、網易、4399、騰訊等國內大型互聯網公司,擔任過設計經理、組長、資深設計師等職務。有著豐富的品牌、交互、用戶體驗、WebUI、 手機移動端、圖標等設計經驗。擅長字體設計,產品創意與功能設計,通過產品功能和用戶研究,能夠很好的結合產品定位,用戶體驗執行設計方案。對用戶體驗、產品有比較深入的研究興趣。
作品:
 
  • 01網頁設計概述截圖
  • 02_網頁設計組成元素截圖
  • 02_網頁設計組成元素02截圖
  • 02_網頁設計組成元素03截圖
  • 02_網頁設計組成元素04截圖
  • 03色彩搭配及配色誤區截圖04
  • 03色彩搭配及配色誤區截圖03
  • 03色彩搭配及配色誤區截圖02
  • 03色彩搭配及配色誤區截圖01
  • 04網頁構圖及形式感打造01截圖
  • 04網頁構圖及形式感打造02截圖
  • 04網頁構圖及形式感打造03截圖
  • 05網頁設計文字處理01截圖
  • 05網頁設計文字處理02截圖
  • 05網頁設計文字處理03截圖
  • 05網頁設計文字處理04截圖
  • 05網頁設計文字處理05截圖
  • 05網頁設計文字處理06截圖
  • 05網頁設計文字處理07截圖
  • 06網頁設計中的交互處理01截圖
  • 06網頁設計中的交互處理02截圖
  • 06網頁設計中的交互處理03截圖
  • 06網頁設計中的交互處理04截圖
  • 06網頁設計中的交互處理05截圖
  • 06網頁設計中的交互處理06截圖
  • 07圖像處理截圖01
  • 07圖像處理截圖02
  • 07圖像處理截圖03
  • 07圖像處理截圖04
  • 07圖像處理截圖05
  • 07圖像處理截圖06
  • 07圖像處理截圖07
  • 07圖像處理截圖08
  • 08人像處理截圖01
  • 08人像處理截圖02
  • 08人像處理截圖03
  • 08人像處理截圖04
  • 08人像處理截圖05
  • 08人像處理截圖06
  • 09逆光處理01截圖
  • 09逆光處理02截圖
  • 09逆光處理03截圖
  • 09逆光處理04截圖
  • 09逆光處理05截圖
  • 本套教程單價︰¥890元 助學價︰¥380元 
  • 平面設計學院年會員︰¥1800元/年 今日促銷︰¥399元 可學習所有教程+新增教程 
  • 本學院已有106 套教程 總計 1208 個小時 查看詳情

學員評價 鼠標移到評論上可暫停滾動

    • 木子茶
      對我來說,去實體培訓班的費用是比較高的,也受時間地點的限制。在勤學網學習就比較自由,費用也相對少很多,課程經過剪輯化繁為簡,學習效率更高,是工作之余提升的好網站。
      站在你左邊
      買了勤學網的課程以後,受益很大,比在學校學習的內容更貼近實際工作,有疑問的時候,老師能耐心解答,在這樣一個良好的環境下,我相信自己能越學越好。
      藍方
      在勤學網學習有段時間了,感覺確實很棒,講課的老師本身就是設計大師,傳授經驗毫無保留,好多好多的干貨啊,花這點兒錢,實在是太值了!絕對行業的良心!
      我愛機器貓
      在網上學過很多教程,免費的收費的,相比之下,勤學網的教程是最系統專業的,從完善的基礎理論到豐富的高端案例實戰,能一站式滿足我的學習需求,省心省力。
    • 大海的魚
      我本來準備辭掉工作去大城市參加培訓班的,現在有了勤學網,不用辭掉現在的工作,也免去了高昂的學費和食宿費,還學到了更尖端的課程,實在太好了!
      繁星點點
      在勤學網學習非常靈活自由,隨時登錄隨時學習,沒有觀看次數限制,課程精編高效,讓我用最少的時間學習到最有用的知識。
      黑羽
      加入勤學網後感覺就像撿了個寶,這里的教程完全勾起了我的學習欲望,吸引著我不停地學習,這種每天都在快速進步的感覺真是好!
      火烈鳥
      與網上大部分只講軟件基礎應用的教程不同,勤學網的教程延展性很強,很多教程直接深入商業案例,能學到最前沿的案例實操經驗,學起來很過癮。
    • 暗之天使
      勤學網的教程非常清晰,課程剪輯很好,知識點餃接有序,學習過程中還有問答環節,學起來生動有趣,收效甚快。
      一生何求
      比去培訓班省錢,而且還能按照自己的時間和進度去安排學習,教程也很牛,幫上我大忙了。
      秋天的風
      我是完全零基礎,但感覺勤學網的教程很合我的胃口,課程由淺入深,富有邏輯性,學起來輕松自如。感謝勤學網,讓我實現設計師夢想變得如此容易。
      與或非
      課程安排很有針對性,很多都是實戰教學,市面上是很少看到這麼實用的教學內容的,老師授課也很有經驗,非常適合設計師們自我修煉。
    • 莉莉雅
      購買之前擔心內容與宣傳不符,所以問了很多問題,客服一直非常耐心地解答。看了課程覺得內容比介紹的還豐富,老師講得好,案例多,視頻高清,音質好。對勤學網很滿意。
      棒棒糖女孩
      勤學網的教程非常實用,針對性也很強,能學到實實在在與工作相關技巧,快速提升自己的競爭力。
      Dr熊
      根據我多年工作和學習經驗推測,勤學網絕對是全網性價比最高的學習網站,學習模式、課程質量、服務態度都沒得說,大力支持!
      龍海
      在勤學網到了很多高級技法,眾多設計大師的先進設計理念和經驗給我許多啟發。現在做設計感覺思路更廣,靈感也更豐富,作品更加有feel了。

    我們都在勤學網查看更多評論>>

    136355922:

    剛發現勤學網,咨詢了老師好多天,一直很糾結,不敢相信這麼多教程幾百塊錢是不是真的。再看看網...[更多]

    羅登煒:

    我是一名在校大學生,學習的專業是室內設計,算是個過來人吧,在一次查找學習資源的時候我看到了...[更多]

    韭菜1993:

    我是一名大四的學生,我學習的專業是數字媒體藝術,範圍很廣,涉及的內容也特別的復雜!我喜歡平...[更多]

    小玲丫頭0904:

    我是一名大學生,由于高考的失誤,沒有考上室內設計專業,如今自己想好好走室內設計方向,曾經試...[更多]
    購買了該教程的同學
    aec
    liuyaqian
    小趙姑娘
    主恩
    502423609
    145615063
    sunny00
    印刷小子
    立欣
    qwe5555
    laosi
    郭大丑
    小哥007
    俞富城
    百練成仙
    3dxiongren
    cyh570
    xxw2016
     
    您可能感興趣的課程
     
    講師︰笨叔
    21637次15條29次
     
    講師︰賈斌
    94042次31條92次
     
    講師︰江遙
    240055次205條447次
     
    講師︰開心老師
    423176次197條409次
     
    講師︰Gordan
    223183次113條295次
     
    講師︰胡飛虎
    302624次207條705次
     
    講師︰陳志文
    284067次221條181次
     
    講師︰田婧
    2089931次1270條1129次
     
     
    800135999