六角學院
最近趁零碎的時間，到六角學院線上學習網頁設計程式課程。
對於部落客來說，從寫文章到整個部落格的頁面都會碰到程式碼，從寫文章到整個部落格的版面都用的到!在還沒有上課之前，面對一堆看不太懂得程式碼，覺得眼睛很花!26個英文字母我認得出來，湊在一起就覺得好陌生😭
每次看到格友內文字多了特別的框線或是版型，需要厚著臉皮不恥下問，問到人家覺得有點煩了，才可能會問到想要的答案!🙋♀️🙋♀️🙋♀️
這一次感謝六角學院提供很扎實的三小時體驗課程，同學購買的話課程時數會更多更扎實
透過網頁設計程式課程裡面從最基本的下載VS Code開始教學，到 #HTML #CSS 來做修改，每一個段落還有作業可以作答，透過作業可以了解自己對課程吸收了多少
每一份作業提交後助教都會針對一些細節提供建議，條列式陳述出程式碼內需要修改的地方。像是HTML 標籤修改、不需每行都使用一個 p 標籤…等，每一項都寫得非常清楚，讓學員透過作業修改就可以馬上知道哪裡需要修正，有不懂得還可以做詢問
到對於想要嘗試往前端工程師邁進的來說，透過約三小時的課程，讓自己可以了解更前端的基礎知識，課程中有不懂的也可以透過 #slack 的即時頻道發起討論，裡面有許多學長姐、助教可以幫忙解答，也可以透過「學員發問規範」來詢問講師!完成任務還可以獲得證書唷!
透過六角學院線上課程，讓我在零碎的5~10分鐘也可以學習關於HTML 基礎教學、CSS 常用語法、使用 CSS 變更 HTML 標籤特性。
之後就可以把部落格的版面改漂亮一點了~如果是想要學習前端程式，0基礎想要嘗試看看的朋友都很推薦唷~
📍六角學院官網連結:
https://hexschool.tw/829CSS
📍六角Facebook粉絲專頁連結: https://www.facebook.com/hexschool
📍六角學院Instagram連結: https://www.instagram.com/hexschool/?igshid=dm5uf17s2sma
#六角學院 #前端 #網頁設計課程 #切版 #網頁設計 #設計師必備 #新手 #新鮮人 #學習 #前端 #uiux #線上課程 #線上教學 #新手設計師 #網頁切版 #vscode #程式碼
uiux設計師 在 UI/UX設計師工作滿一年心得- 看板Salary 的推薦與評價
板上首po，一直以來默默吸收很多前輩的經驗，這邊野人獻曝一下我的UI/UX工作小心得
。
有網誌好讀版，只差一張照片：
https://enntang.com/ui-one-year/
以下心得
轉眼間，轉職成介面設計已經滿一年了。
在這之前，我都是擔任美編、平面設計相關的工作，接觸到網頁設計和UI/UX領域還是頭
一次，就很幸運的找到可以讓我一面工作一面學習技術的公司（感謝老闆）。轉職的動機
，來自於對於數位生活這個時代趨勢的憧憬，畢竟手機、平板人人都有，什麼事情都仰賴
Google，科技產業只會越來越興盛。
當然薪水也是考量之一，在台灣，科技業的薪水成長潛力就是比較高。
## 什麼是UI/UX？
UI指的是「使用者介面」，我們生活中會透過很多種介面來操控他背後的程式，例如電視
遙控器就是一種介面；電腦或手機遊戲也有介面。我則因應現任的公司的服務領域，專門
設計網頁與APP的介面。
UX是指「使用者體驗」，這是一個相對起來比較飄渺的詞，簡單來說就是配合產品使用者
的習慣，將資訊安排得適當、容易使用。
## UI/UX設計與平面設計的不同
（一）從紙張轉換到螢幕
轉行後我首先面對的是硬知識上的重新學習。
承載著設計作品的媒介一下子從紙張跳到螢幕。於是從計算印刷品尺寸、裝訂邊、出血範
圍，變成學習配合不同的螢幕裝置，編排軟體的單位也從cm、mm變成了px和pt。
也因為不用碰印刷，再也不需要調配CMYK的數值，開始適應RGB的廣闊世界。RGB跟CMYK的
色域不一樣，限制也變少，配色的自由度一下被解放，一開始還真有點不習慣。（有人也
因為四色黑和疊印問題煩惱過嗎XD）
再者，我被從紙張有限的範圍解放出來，在無限的螢幕長度中，卻要開始在意：元件怎麼
編排才符合使用者習慣、我的網頁在桌機與在手機上是否都能正常執行等等問題。
（二）習慣與程式碼為伍
因公司要求，職務上需要有網頁前端知識。html和CSS是基本、Javascript則是我進公司
之後才開始學的。
RWD（響應式網頁設計）也是走網頁設計的必備知識，你的網頁必須在桌機、平板及手機
上都能正常且順暢地瀏覽。基本上現在已經沒有網頁不做RWD了，連政府單位也拼命的官
網推到改版的列車上。
計算機（電腦）被發明也不過百餘年，程式語言的進展卻日新月異。只要開始碰程式，就
會深深覺得自己怎麼學都不夠。你可能一覺起來，吃飯用的工具就突然被淘汰了。（望向
flash...）所以在這份工作中我養成時刻補充知識的習慣。其實各行各業的人都需要充實
自己啦，只是在科技業這個壓力特別大。
但因為我的職務不是真正的前端設計師，所以vue.js那些高端技術，目前還不會...自己
獨立切版倒是沒問題的。
（三）與工程師們溝通與合作
工程師，軟體開發公司的核心成員，是界面設計師要合作的對象。我們從接到產品需求、
討論流程、UI畫面設計、最後到定稿切圖，中間會進行多次討論，以確保雙方對產品的認
知有在同一個頻道上。
「隔行如隔山」的感嘆我從來沒有像現在這麼重，工程師的專業知識和能力對我來說真的
是另一個境界。
因為專業的迥異，有時在某些點的看法上會大相徑庭。雖然說尊重你的同事是不二法門，
討論時站在對方的立場也是老生常談。不過，我覺得再多的同理心，都不如嘗試著去了解
對方的工作內容。不要說一定要跟他們一樣寫後台程式碼，多聊聊他們的工作流程或沒事
科普一下程式概念，可以離他們的思考邏輯更近一些。
（四）不再是美美的就好
做平面設計時，最重要的是端出美觀又有底蘊的作品，首要目標是吸引眼球；但做介面設
計，首先關注的是產品的「易用性」，也就是操作起來到底好不好用？流程是否順暢？當
考慮不夠周全時，你的介面可能導致使用者點進一個無法回到上一頁的地方，或是因為找
不到想要的功能而生氣。
且不論功能流程的部分，如果在一開始設計畫面的時候，對程式邏輯不熟，很有可能畫出
一個根本實行不出來、只能擺著好看的東西。
成為UI/UX設計師後，斟酌於如何做出「美」的東西的時間大幅減少，取而代之的是大量
思考、研擬操作流程，以及跟夥伴的討論/爭執（不只工程師，跟同部門設計師也是）。
這一點，對我來說是跟以往最不一樣的地方。
## 小結
我在UI/UX領域目前還是超超初心者，踏進這一行後，無論是技術上還是心態上都有巨大
轉變。雖然以前的美感經驗幫助我找到這份工作，但要做得稱職、有成就感，我認為以下
幾點是必要的：
- 保持學習的習慣，技術永遠有進步的空間
- 適時放下對美的堅持，好看之前首先要好用
- 依賴你的夥伴，這一行不太可能單打獨鬥
建立這些概念對我幫助很大，雖然要維持它們需要毅力XDD
也給對轉職UI/UX工作有興趣的朋友們參考囉。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.174.4.5 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Salary/M.1572282939.A.872.html
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 01:20:21
除繼續爭取往上調...
介面和部門間溝通是頂多需要勾勒wireframe。
我自己是會畫畫啦，前分工作需要，現在是興趣+副業接案XD
索中...
您說的這兩項我都還在努力研究基本知識...
沒有像他們那麼厲害的底子，憑著轉行渴望，拿著平面設計作品集就腦衝了
如果大大有心準備的話可能會比當時的我強哦
我再想想能不能直接再寫一篇當初是怎麼準備的（但真的沒有太高深的技巧和知識背景就
是了...）
工。但對於使用者體驗能夠顧及多少，就是很大的挑戰...（我目前卡在這關努力中）
https://www.uisdc.com
很多紮實的設計教學，我直接放瀏覽器書籤沒事就看，受益良多，不得不說中國的介面設
計和互聯網產業真的強（但我反共反併吞！）（歪樓
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 22:56:58
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 23:16:14
Q
以先有概念，再一面工作一面加強。不知道你只是負責設計版面，還是要兼顧切版呢？要
切版的話JS和JQuery都要會，才能實作出較完整的網頁流程喔
※ 編輯: VPatsy (115.82.224.61 臺灣), 11/02/2019 08:55:30
... <看更多>