網頁設計 零基礎入門難嗎?

網頁設計


很多做電商的同事問過我這個問題

有售後、客服、策劃、運營、新來的網頁設計

我都說不難,PS入門很簡單重要的是練還有多看好作品,每天沒事就上花瓣采一採好的網頁設計圖,上站酷這些交流平台看教程自學。

然後他們問:「你可以教我么?」我說好啊!歡迎~

然後...大部分人就沒有然後了。

客服有空就刷空間微博網頁,售後有空就聊qq刷網頁

策劃學了個初步,會塗掉圖片上的字,改一改文案,裁剪一下。

運營因為工資跟銷量掛鉤,普遍學得深一些。資深的運營做的推廣圖比設計做的還好,因為他天天研究天天做天天投廣告位看數據。後來因為他負責的平台銷量遙遙領先,升為主管了。

新來的設計聽了後,隔三差五搜集一下花瓣,不是很熱情。過了一年覺得自己怎麼都做不好圖,跟不上腳步,辭職要轉行。

終於有個售後覺得自己快30歲了,沒積蓄、沒升職空間、沒對象,想奮起,想轉設計。然後他要我教他,說的很讓人心軟。我每天備案按程度給他舉個個例子,親自邊做邊揉碎了給他講... ...結果我每每頭一句講過,後面要他做就忘了。一個鋼筆工具練了一星期做不好,PS基礎工具學了半個月沒了解是幹什麼的。當我進房間找書給他看資料的時候,我聽見他見縫插針的馬上打開遊戲開始啪啪啪按鍵盤(我們合租的)...我放棄他了,一個PS入門別人學頂多一星期,他用了兩個月迄今沒學好,還可能更久學不好... ...我放棄他了,準備看看多久不主動督促他學,他回來主動問我今天學什麼。結果到今天為止一個半星期了,他自由地玩他的去了。

另一個學電子專業的姑娘,畢業後想當設計師,於是自己自學設計,應聘上了。就是這個同事跟我說:「為什麼一個人只能呆在沒前途的地方,為未來發愁?肯定有他自己本身的原因。」喜歡玩的還在當他的售後、客服,想上進的曾經是客服,現在在我們部門當策劃運營的也有好幾個。

我讀小學的時候,想畫畫。畫室老師覺得我沒天賦沒基礎,跟不上進度,不收我。圍了一群年紀比我小的畫室的小朋友,嘻嘻哈哈嘲笑我的作品。帶我報名的小姨氣得眼淚都出來了,跟我說要爭氣。我不會挑教材,買了本最華麗感覺最難畫的線描書,開始自己臨摹。讀初中時全市少兒創意繪畫大賽,我得了第一名。我並不比當初那群經過挑選,畫室學畫的孩子差。=w=

到後來乾脆當藝術生,現在畢業了從事設計。

——————————————————————————————--

補充問題重點:

學設計不難,零基礎也不難。不是框你隨口說。我在的公司電商淘寶類目前十,產品品種類目一直第一。但是我們的插畫師不是專門學畫畫的,他是自己練了幾年的。上面說的那個設計學電子專業的,總是後悔當初聽了父母的話放棄了愛好,畢業後越來越想當設計師。他辭職在家學了半年多,還不是當上了設計。

PS入門,學會每個圖標功能真的只用一星期不到。難的是不好高騖遠,應該天天練習教程的時候,想做國際大牌級設計,做不出來就放棄了。難得是一天一天,每天堅持至少練1小時。每天堅持看一看好網頁起碼30分鐘。

總結一句真不難,難得是懶。

DW的話,做一般頁面學會怎麼修改代碼就好,就是師傅教一次就會的事情。網頁設計分工也是很細的,自然有代碼很牛的。但畫畫、設計網頁、做推廣圖、設計字體、創意,學好一樣就可以端好飯碗了。還是鼓勵題主學,多一門技術多一個前途=w=


我經常在知乎看到這類相同的問題

「我想學原畫,入門難嗎?」

「我XXX專業畢業後希望從事XX行業,轉行難么?」

「零基礎學習影視後期難么?」

現在我負責任地告訴你:

對其他人來說不難,對你來說難於上青天

我從的這個問題邏輯上就看得出來你的學習狀態。還沒開始學習呢就來知乎問入門難不難,是否看到我們回答入門難你就打算徹底換個行業去入門?

這讓我想起了感情中的一些男人,喜歡上了一個姑娘,在開始追她之前就開始斤斤計較:「我要是今天請她吃頓飯,會花50塊」「要是等會兒去看電影,兩張電影票需要100多,然而她看完後和我交往的可能性不大,那就不去了吧...」無時無刻不再算計著自己的支出成本,這種態度,無論是在感情還是在工作學習上都能讓你一事無成一敗塗地。

騷年我勸你先端正一下自己的學習態度再去考慮入門問題。否則你強拉硬拽進入了網頁設計行業後發現除了ps和flash外還要學html5,而後發現h5並不能完全實現得了你設計的功能,於是還要學習js(這裡犯了一個常識性錯誤,混淆了網頁設計和網頁前端的概念,感謝評論區徐良(嗯?)和joe Li的指正),難不成你每接觸一個新內容都要跑知乎來問問我們入門難不難?(攤手)

當然,你如果只是想做一個簡單的美工那無視我上一段最後那句話,會套模板就ok了

要是真正想主動學習的那個人,自己會去百度

「網頁設計入門」

「PS入門教程」

「網頁設計」

......

相關視頻也是一搜一大堆,挨個挨個看還來不及哪有時間跑來知乎問這種對己對人都毫無營養的問題

即使打開知乎也是問

「零基礎如何入門網頁設計」

「學習網頁設計應該掌握哪些知識」

「零基礎學習網頁設計應該從哪裡入門」

所以,入門網頁設計到底難不難呢?

這個問題,就交給自己來回答吧!

千里之行始於足下

以上


任何知識的學習都是入門容易,精通難!零基礎學習網頁設計同樣也是如此,只能說站在前人的肩膀上,按照相對正確的流程來系統學習網頁設計,對於入門,能夠變得相對輕鬆而已。後面有平面設計學習日記網整理的網頁設計入門教程推薦

▽圖例:優秀的電商網頁視覺設計。作者:尚雲。

一、關於網頁設計行業

現如今,常見的網頁設計類型有:1.企業站。如:某某公司的網站,以展現公司形象以及業務信息為主。2.門戶站。如新浪,搜狐,以大量圖文信息為主。3.專題活動頁面,如每年天貓雙11的活動促銷頁面,或者新品發售的宣傳頁面。以上三類網頁,都是以信息呈現為主,是我們平日里最常見的三種。除此之外還有論壇、地圖、音樂、網站後台界面等,以功能型為主的網頁設計。

行情:高級網頁設計師,平均工資8180,這個水平通常是3~5年的一個薪資待遇,而1~3年的新手則常停留在5k上下。隨著電商的興起,市場對網頁設計的需求量巨大,其中蘊含著無窮商機!新公司企業建站、淘寶商品的介紹頁面、店鋪裝修、促銷專題頁面、括移動端頁面等等,著都需要網頁設計這個崗位。

二、自學網頁設計之前,你需要知道的4件事。

自學網頁設計,你首先得了解網站的製作流程。在有了全局的概覽後,你才能對接下來所要學習的知識,做到瞭然於胸。然後再做有針對性的學習和訓練,方能夠更高效率的入門網頁設計。當然條條大路通羅馬,方法並非唯一,以下就結合自己的學習和工作經歷做個總結,希望能對初學者有所幫助!

▽圖例:優秀的網頁設計作品。類型:企業站。來源:http://t.cn/R5qjT2v

1、網頁設計的製作流程

通常情況下,任何一網站的建立,都會經過「分析策劃—交互設計—視覺設計—前端製作—後端製作—測試上線」6個環節。我們平常所說的【網頁設計】與「網頁製作」則分別對應著6個環節中的【視覺設計】與「前端製作」,在實際的工作崗位中,其分別由「網頁設計師」與「前端工程師」去執行完成。

很多初學網頁設計的朋友,對這兩者的關係往往是傻傻分不清楚的狀態,對自己的專業定位沒有清晰的認識。這就導致學設計的同學,後來干到了「前端工程師」的崗位,學前端的孩子開始猛補「設計知識」,這個就是要走偏的節奏。

▽圖例:優秀的網頁/平面視覺設計作品。來源:Behance

在這分工協作越來越明確的年代裡,唯有專精自己所在的領域,才能脫穎而出,泛泛而學,只會變得平庸!如果想要成為多面手,那也得先精通一門核心技能!

2、網頁設計,是以視覺設計為主工作。

自學網頁設計的核心任務是學習「視覺設計」相關的知識點。 如何更加高效的傳達版面信息?如何規劃頁面路徑?用什麼樣的排版,或者富有創意的表現形式?用什麼樣的顏色,以及多大的字型大小?這是新手學習網頁設計應該畫下的重點。

▽圖例:優秀的網頁/平面視覺設計作品。來源:Behance

一個網頁被設計出來,是給人用,給人看的。 要好看(簡潔)、要好用(高效)這才是一個設計師需要反覆考慮的。視覺+交互,是網頁設計師的核心競爭力。

其中「視覺設計」的依據,源於前面的策劃和交互設計。最後出具的「視覺設計稿」得符合品牌定位,滿足生產運營、以及用戶需求,這是網頁設計師必修的基本功!

3、網頁製作,是以前端代碼為主。

網頁製作在流程上,是在設計之後。這部分工作通常是由WEB前端工程師來完成的工程師通常會運用到HTML、CSS、以及JavaScript、jQuery等前端代碼,來還原網頁設計師的「視覺設計稿」,以及交互動畫等。

「前端工程師」除了要配合網頁設計師外,還要配合做後端工程師,做好網頁端的數據收集處理等工作。如果你要勵志成為一個優秀的網頁設計師,請牢記自己的崗位職責和學習重點,在沒有認清「視覺設計」前,要當心自己是不是越位到Web前端開發這個坑裡去了。

▽圖例:優秀的電商網頁設計作品,視覺合成。作者:尚雲

再比如優化網站所需的SEO、Ajax等技術,雖無需你動手實踐,但能做到了解一二,也是不錯的加分項。在設計的時候,也可充分利用這些規則和技術來規劃你的版面,使其更加的專業友好。

4、那麼問題來了,新手學習網頁設計要學些什麼?

(1).首先要精通設計軟體,把Photoshop玩轉,這是網頁設計的主力工具!

(2).深入學習排版設計、色彩構成,掌握視覺基礎規律(構成、透視、光影)

(3).掌握網頁設計規範,了解常見的網頁布局形式,學習交互設計等基礎知識。

(4).了解前端代碼HTML、CSS、JS、JQuery的運用,學一款代碼編輯軟體(如:Dreamweaver)

(5).了解你設計網站的公司及產品,熟悉這個公司及其產品面向的人群!

(6).拓展學習網站優化、開發、後台數據處理常識(加分項目!)

前四個是基本功,後面的是加分項。越靠前越重要!

三、通過視頻教程和書籍,來系統學習網頁設計。

1.網頁設計書籍推薦

(1).網頁設計實踐暢銷:《界面設計模式(第2版)》

(2).設計入門啟蒙書籍:《寫給大家看的設計書(第4版)》

(3).色彩搭配實踐書籍:《互聯網產品(Web/移動Web/APP)視覺設計·配色篇》

(4).網頁交互設計經典:《簡約至上:互動式設計四策略》

(5).如何製作響應式網頁:《響應式Web設計實踐》

2.網頁設計視頻教程

學習流程參考:http://www.xxriji.cn/career/7.html

(1).【基礎】視覺設計基礎理論:學習三大構成、素描基礎。

(2).【基礎】必備網頁設計軟體:學習Photoshop視頻教程、Dreamweaver視頻教程。

(3).【核心】網頁設計專業知識:學習網頁設計設計概述、製作流程、視覺元素、色彩搭配、以網頁布局排版、切圖、交互知識等。

(4).【核心】網頁設計視覺提高:學習網頁設計思路,將文案創意到視覺化呈現的全過程,以及畫面光影細節刻畫的技能提高。

(5).【拓展】更好的團隊協作:學習HTML+CSS網頁前端課程。

其中視頻教程和書籍,裡面涉及到的知識點有少許重合,開卷有益,希望大家學有所成!真誠推薦,望以對初學者有所啟發!

(完)

未經許可禁止轉載,侵權必究!


我的大學專業是軟體工程,還是一個偏文科的大學,當時腦抽了選擇了個這樣的專業(在我之前僅有一屆,要師資沒師資要經驗沒經驗,不過據說現在搞的有模有樣了),學了些C、java、jsp,但是現在我在做什麼?網頁設計、html+CSS、廣告設計……跟大學裡學的基本無關,只是程序代碼的基礎讓我在學html的時候佔了不少便宜,理解的更快而已,現在說水平很牛逼不敢,但至少足夠滿足公司使用需求,而且因為是野生的(……)設計,做出來的東西可能更貼合推廣需要,專業點說就是更商業化。

所以說,不論網頁設計還是其他什麼,如果你想學,每天挖空心思的思考為什麼自己做出來的那麼丑,為什麼別人家的圖片那麼好,互相對比,不斷臨摹、學習、改進,不出半年就是一個有相當水平的設計了。

其中軟體使用這塊,需要多練,我畢業的時候PS也是零基礎,什麼都不會,找實習工作時憑著對這塊感興趣,不計薪資找了個設計助理的崗位,就是每天扣扣圖,做點簡單的圖片處理,上傳下載(實習公司部門是個接單幫人做企業網站的業務,後期需要上傳大量產品圖片),整整四個月啊!說起來都是淚啊!圖多的時候整夜不睡才能處理完(摳圖、調整大小、調色、去雜色、加logo、批處理……都是最基本的),公司里資深的設計師不屑於做的工作都丟給我個小助理做剛好,當然虛心一些請教,設計師們很樂意教一些實用的技巧,等我實習期滿,PS操作已經蠻熟練的,這是後來新工作嘗試網頁設計的良好基礎,至少看起來快捷鍵用的很溜,也能隨手出一些常用的效果,唬唬行外人是足夠了。

工欲善其事必先利其器,很多想學設計的人開始腦袋裡有很多很好的想法,很激情,但把這些效果表現出來靠的就是硬碰硬的操作技巧了,試想你想做一個漂亮的導航,但連怎麼畫個漸變,應該選擇什麼字體都不清楚,還得一個個去查去問,磨到後來是不是沒熱情就放棄了?

總之,零基礎不是學不好的借口,是不是能堅持才是關鍵。


特別難,怕苦學什麼設計。


這麼說把,我一叔伯阿哥,以前開拖拉機的。

後來去學開車了。我問他,這開車好不好學阿?他笑了笑:很簡單阿,我聽教練說一遍就會開了。


網頁設計說難不難,容易也並不容易,難的是教程與課程的深度。網頁設計需要學多久,其實不能一概而論,要看你學到何種程度。

【花60秒測試下自己適不適合學網頁設計】http://www.tianhujy.com/list-93-1.html?wm=zhihu_lyt_wysj

「為什麼很多人都喜歡從dw入手……其實從PS入手不是更有成就感么?」其實這個是有道理的,因為你只學會了DW是不能夠做出出什麼作品的,只能做出一個簡陋的界面。沒有任何美觀。而PS學了一周左右,你就可以做圖了,有點天賦的,還設計出好看的作品。

  

所以對於沒有設計基礎,沒有手繪基礎的人,都不必擔心自己學不好網頁設計,做不出好的設計作品,只要你有一顆堅定並愛設計的心。當然有基礎的學習者是最好啦。畢竟入門快,沒有也沒關係!肯學就可以。


做設計,不在乎多看,多練,多想,重要的是你有那機會給你。


世上無難事只怕有心人,學習網頁設計也是如此,哪怕你是零基礎,一點都不會,但是只要你吃苦耐勞就一定會成功的。我知道一家網路公司,裡面的網頁設計師一開始也是什麼都不會,到現在變得很厲害,貌似是一個叫驚喜設計的網站。推薦你去看看。


學設計的轉前端挺快,學編程的轉前端感覺有點痛苦


推薦閱讀:

w3school和w3cschool兩個網站有什麼關係和區別?
大牛們鑒定下我網頁製作的(html Div+css)屬於什麼水平?
哪些網站適合作為瀏覽器主頁?
網站設計如何支持 Retina 屏幕?應當注意哪些地方?
網頁提示手機中毒該如何處理?

TAG:網頁設計 | 網頁設計師 |