【課程推薦】《不小心就學會!用UI設計方法製作網站》

近幾年,台灣的UIUX漸漸被一般公司所重視,雖然UI和UX其實是兩種專業,在台灣仍然被看成是一種設計網站之前要一起做的工作,所以職缺多半是UI+UX設計師,甚至小公司的職缺會是UI+UX+前端工程師,連程式都至少要會一些。

《不小心就學會!用 UI 設計方法製作網站》這門線上課程,主要以UIUX為主要教學內容,而通常UIUX製作後的下一階段,是要把這些設計交付給工程師,因此即使不會HTML、CSS觀念也不用擔心,講師會幫你把這些概念在拉畫面時解釋清楚,想知道的可以多查、多學習,還沒想踏入程式世界的人,也完全可以聽懂這門課教的所有內容噢!

關於講師

這門課是由UIUX專業講師林育正Riven,同時是台中Monospace共同工作空間的共同創辦人之一。

我之前猶豫是否轉行或成為自由工作者時,聽過他在Monospace的一場游牧設計師演講,他講述一些關於設計理念、自由工作者可以嘗試的路途等,也了解到他雖然自稱有嚴重的拖延症,卻用盡不同方式修正自己每天的行程,最終用自己的方式克服拖延症,成為踏實的自由工作者。

當然他大學主修設計,因此也許他的設計感相對一般人來說較強,而課程中他會帶你了解許多設計眉角,並且透過Adobe XD這套軟體,講解從無到有的網站設計以及視覺設計的流程。

無論你有無設計基礎或程式設計基礎,如果想親手做出一個屬於你自己的網站設計,相信透過這樣的課程能引領你做出滿意的作品噢!

關於Adobe XD

Adobe XD 用UI設計方法製作網站
Adobe XD 用UI設計方法製作網站

Adobe XD這套軟體,目前是可以透過Creative Cloud免費下載的UIUX設計軟體,這個軟體我使用到現在覺得,它最大的特色是方便銜接程式設計的設計階段

Adobe XD會記錄下你拉好的畫面中,會使用到的CSS樣式,這其中也包含了許多色碼、圓角等較為固定的樣式內容。

因此,UIUX設計師就只需要專心拉畫面就好,把各尺寸需要RWD的畫面都設計好,用邏輯把畫面連一連,並且把轉場套用好,最後再把那些色碼、圓角等CSS樣式一併輸出交給程式設計師。
(延伸閱讀:RWD教學-只要兩行就能輕鬆見效的實作經驗)

這樣一來,不僅階段銜接的成員好溝通,程式設計師也只要複製貼上一些既有的樣式,開發速度也能加快不少。

當然如果你會一點程式或是有一些程式的概念,無論是會一些CSS也好,或是Javascript也好,你在拉畫面的時候可以提前知道,有哪些視覺的轉場比較容易用程式做到,而有哪些有可能會有困難。

因此若是進入多人協作的網站開發中,就可以把這些比較難做到的轉場設計,另外抓出來與工程師討論與時間調配,方便整個專案的流程管理噢!

Adobe XD使用評價

在學習Adobe XD這套軟體後,我最常使用的時機點是我和別人一起合作專案的時候,因為需要提前展示UIUX設計的各種轉場,使用XD這套軟體算是最方便的事情,可以不用修改程式,拉一拉就能完成主管的要求,而且後續也能方便工程師加速開發流程。

但如果我自己開發只有我自己要使用的網站,尤其我自身已經是接觸過前端的工程師,我仍然會找Adobe AI來當作Adobe XD使用,原因單純是我之前做動畫是用AI轉AE的方式製作,所以AI連快捷鍵都相當熟悉。
反正整個網站從頭到尾都是我自己製作的話,就用我最熟悉的軟體開發速度也會最快。

團隊開發要去思考整個專案流程的效率,所以不得不選擇方便各階段開發人員的好用工具來使用;但如果是個人開發的話,基本上選擇最習慣的工具也是一個提高效率的方式噢!

UIUX學習之路,快讓我們跟著專業講師林育正Riven一起上課吧!