iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 16
1
Modern Web

從前端走到設計,下一步?系列 第 16

Day16-自產自銷:從自己的 DailyUI 開始

  • 分享至 

  • xImage
  •  

契機

這些比賽的日子裡,在團隊裡大概是扮演一個嘴砲的角色,偶爾寫寫文件、想想主題、上臺報告,舌燦蓮花的技術越來越厲害,但事實上技術能力一點也沒增加。隨著距離大學畢業的日子越來越近,開始焦慮出社會之後不能只靠這一張嘴走跳,因此想填補焦慮的心。覺得寫程式就會讓自己獲得一技之長進而拿到一份工作(但事實上沒有這麼單純)。

Anyway,這就是我又走了回頭路的原因。
比起大學的那些程式課,寫程式的理由不過就是為了交作業、上機考,然後在期末拿個能看的分數。不過這次我是真心地想讓自己學到什麼,因此也沒有什麼害怕跟無助,畢竟沒學好也不痛不癢。

從最最最簡單的開始

不知道從何重新下手,於是我想起了前面畫過的 DailyUI 100,因為那都是靜態版面,也能順便複習之前學過的 HTML 跟 CSS,於是我又回過頭來開始刻版面了。

設計圖:DailyUI_69 FAQ

實作網頁:


設計圖:DailyUI_25 Weather

實作網頁:

非常單純,幾個框幾個文字幾個圖的排版而已,沒有太艱澀。
icon 都是採用 fontawesome 的。

前端生態

前端一直是一個很廣泛的名詞,從 UI/UX 到前端工程師,以下是我自己在摸索生涯規劃的時候做的一些功課,有錯也歡迎指教。求職市場上主要分成三類需求:網頁設計師、前端設計師、前端工程師。

  • 網頁設計師:
    顧名思義,就是網頁的「設計師」,所以依舊是設計師。繪圖軟體還是得比 coding 需要的文字編輯器來的精熟許多。但因為是網頁,所以也需要對基礎的 HTML 跟 CSS 略懂略懂。

  • 前端設計師:
    還是「設計師」,不過跨足到前端了。包括需要了解 HTML 裡面的標籤,在繪製 Wireframe 時要考慮 div 的配置(RWD 的調整等等)、也需要了解 hover 啊動畫啊這些哩哩摳摳的設計師不會告訴你工程師也不會想到但是對於使用者體驗很重要的知識,還要想到按鈕按下去產生的反應這些語法怎麼用怎麼產,大概是這樣吧我想。

  • 前端工程師:
    因為我還離這塊很有距離,所以只能用我自己所理解的寫 xD 包含前端的框架、用的套件,然後瀏覽器可以擋下來的、網頁的載入速度、跟後段的串接,應該都是前端工程師要做的事情吧。

取捨

也聽說過有很多平面設計師轉職到前端工程師的案例,代表這不是一件不可能的事情。市場的確需要很多前端人才,至於你想往上面三個的哪一個發展,就看你喜歡設計跟程式之間的取捨了吧。


上一篇
Day15-敏捷開發有多敏捷?
下一篇
Day17-開始串資料:電動機車充電站
系列文
從前端走到設計,下一步?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言