自學成為網頁設計師?非本科生設計師的告白(上) | 我要找工作
![自學成為網頁設計師?非本科生設計師的告白(上)](https://i.imgur.com/sLIY79K.jpg)
2019年7月6日—三、網頁設計師的工作內容·1.瞭解需求·2.規劃網站地圖(sitemap)·3.操作流程設計(flowchart)·4.頁面佈局安排(wireframe)·5.視覺設計(visualdesign).
![自學成為網頁設計師?非本科生設計師的告白(上)](https://i.imgur.com/sLIY79K.jpg)
在開始之前先自我介紹一下我的背景,我本身從高職到大學,整整7年都在讀電子系的理工男子,完全沒有任何設計美學的背景與經驗
唯一可以與美學沾上邊的事情,大概是在大三時候,因為穿著的改變,開始被朋友們注意
有些朋友開始會詢問我如何挑選和搭配衣服,這時候我才跟美感有點關聯
而會踏上網頁設計師之路的契機,是因為我去報名了網站程式設計課程,但每次看到一行行的程式碼卻感覺很無聊,只有在上網頁視覺設計這一部分,才特別興奮
而且再怎麼厲害的程式編碼都需要視覺來做結果的呈現,所以我就非常想要知道如何設計厲害的網站,那時我才知道原來我的興趣不是在寫程式,而是在視覺的呈現
但 非設計科班生,能夠成為網頁設計師嗎?
這是很多的疑問,所以下面我要分享的內容,會是以沒有任何設計背景的人如何成為網頁設計師
一、如何開發一個網站既然要成為網頁設計師,我們當然需要先瞭解網站是如何開發出來的
1.網頁與網站的差別在哪?什麼是「網站」呢? 其實網站就是多個網頁的集合,網站設計者將整個網站架構規劃好後,再分別製作各個網頁,透過網頁間彼此互相連結,使瀏覽網站的人都能連結到各個網頁來觀看,這樣的網頁架構就稱為「網站」。
2.網站開發流程一般網站開發前,我們會先透過訪談溝通來知道我們要開發什麼?需要哪些功能?要達到什麼結果?
例如: 我們要製作電子商務網站,主頁需要展示當期活動圖片,用戶能從網站挑選產品和線上購買,並且希望第一次購買的用戶不用花太多時間註冊…等
再將這些需求整理、分析條列出來後,開始交付給相關專業人員去做執行,下面圖片是常見的開發流程
階段一:需求訪談 透過訪談了解需求 功能製作評估、時程規劃 ...網頁設計 | 我要找工作
如何成為專業的網頁設計師? | 我要找工作
網頁設計師的職業介紹-104工作世界 | 我要找工作
【Day 1】平面轉型後的今天,為何選擇網頁設計? | 我要找工作
什麼是網頁設計? | 我要找工作
自學成為網頁設計師?非本科生設計師的告白(上) | 我要找工作
網頁設計薪水高人一等?一圖揭開全球網頁工作平均薪資 | 我要找工作
網頁設計與前端工程有何差別?兼職學習如何做好轉職規劃? | 我要找工作
【愛酷人物誌】左手製圖、右手寫CODE,前端網頁設計師以 ... | 我要找工作
什麼是網頁設計? | 我要找工作
![](https://i.imgur.com/sLIY79K.jpg)
新北市職缺 - 中華工程股份有限公司全職內業工程師■無經驗可(此為現場徵才活動職缺)
中華工程股份有限公司開出內業工程師■無經驗可(此為現場徵才活動職缺)職缺5 名,主要工作內容有:1.具土建及建案估算圖說能...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 夠麻吉股份有限公司全職PHP工程師
夠麻吉股份有限公司開出PHP工程師職缺2 名,主要工作內容有:Enjoyworkingwithinateam,sharingideas,andbuildingthebestse...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 崇碁科技股份有限公司全職研發軟體工程師(2/18中博)
崇碁科技股份有限公司開出研發軟體工程師(2/18中博)職缺5 名,主要工作內容有:1.VisualStudioC#GUI2.Python開發GUI經驗3.有...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 和康顧問有限公司全職PHP程式設計師
和康顧問有限公司開出PHP程式設計師職缺2 名,主要工作內容有:請詳閱以下招募訊息後投遞履歷:https://www.104.com.tw/job/...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 倫發科技有限公司全職NOC Engineer 維運工程師(此為現場徵才活動職缺)
倫發科技有限公司開出NOCEngineer維運工程師(此為現場徵才活動職缺)職缺5 名,主要工作內容有:活動時間:111年3月26日(星...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 寶誠有限公司全職PHP工程師(2/18中博)
寶誠有限公司開出PHP工程師(2/18中博)職缺5 名,主要工作內容有:1.二年以上WEB系統設計開發經驗;有系統相關工作經驗者優先...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 晟曦科技有限公司全職助理工程師
晟曦科技有限公司開出助理工程師職缺1 名,主要工作內容有:負責案場及設備CAD圖繪製(含平面圖、機電設備配置圖等)、Sketc...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 易勝資訊股份有限公司全職Java全端工程師 (金融開發專案)(請以電子履歷投遞)
易勝資訊股份有限公司開出Java全端工程師(金融開發專案)(請以電子履歷投遞)職缺10 名,主要工作內容有:負責金融專案開發工...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 精英電腦股份有限公司全職硬體研發工程師
精英電腦股份有限公司開出硬體研發工程師職缺5 名,主要工作內容有:#12◎1.研讀技術資料與設計硬體線路與建立BOM表2.reviewL...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 勤馥實業有限公司全職網頁管理專員(符合安穩僱用2.0)
勤馥實業有限公司開出網頁管理專員(符合安穩僱用2.0)職缺1 名,主要工作內容有:規劃網站的形象、功能,並進行網頁視覺設計...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 萌萌達有限公司全職【新創公司徵伙伴】安卓中高階工程師
萌萌達有限公司開出【新創公司徵伙伴】安卓中高階工程師職缺3 名,主要工作內容有:在台灣有能力的工作伙伴不少,看到我們徵...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 美商英特爾亞太科技有限公司台灣分公司全職JR0165152 Chrome Software Integration Engineer
美商英特爾亞太科技有限公司台灣分公司開出JR0165152ChromeSoftwareIntegrationEngineer職缺1 名,主要工作內容有:TheCCGCh...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 三六零資訊科技股份有限公司全職網頁前端工程師
三六零資訊科技股份有限公司開出網頁前端工程師 職缺1 名,主要工作內容有:《此為才庫關係企業【三六零資訊科技】內部正...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 文德福網絡服務有限公司全職技術客服工程師/網路助理工程師★年終獎金等優厚完善的福利★
文德福網絡服務有限公司開出技術客服工程師/網路助理工程師★年終獎金等優厚完善的福利★職缺3 名,主要工作內容有:1.電腦系...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 易勝資訊股份有限公司全職資料處理工程師 (IoT物聯網應用) (請以電子履歷投遞)
易勝資訊股份有限公司開出資料處理工程師(IoT物聯網應用)(請以電子履歷投遞)職缺10 名,主要工作內容有:1.熟悉資料分析、資...