方格精選

介面設計師與視覺設計師應該如何分工協作?

閱讀時間約 3 分鐘

各司其職也各有千秋

閉嘴!別命令我!我本來可以自己搞定的!我承認這次是挨揍了!
為什麼你總是扮演來救我的角色?但我不會永遠當弱者的!——島鐵雄《Akira》
專案執行期間,常常會遇到下列情況 — 接收到需求後,因為相互負責的工作有許多重疊的部分,介面設計師與視覺設計師之間常常會困惑,到底我應該負責的部分是哪些區塊呢?
這邊也會分享我個人的經驗來給大家參考。在這之前,我們先來了解介面設計師與視覺設計師的工作內容吧!

1.視覺設計師

視覺設計師通常著重於維持品牌門面,並根據品牌形象設計出活動主視覺、網頁Banner與各式輸出產品。
重視排版、產品修圖與各種平面素材,同時也非常擅長於與印刷廠溝通、紙樣材質,有時因為產品的需要,也需要涉略包裝設計、展場設計等等。
使用的軟體通常為Photoshop、Illustrator、Indesign等等較偏平面排版的軟體。

2.介面設計師

介面設計師專注於使用者所使用的介面設計,需要負責設計產品介面與互動方式(比如按鈕下去會出現pop-up等等),並維持使用者在使用上的直覺與易用性。
以網頁介面來說,介面設計師必須熟悉各種不同類型區塊的應用(比如 carousel 輪播區塊等等)、不同裝置間的呈現方式(手機、電腦與平板),並針對不同功能來設計對於使用者來說最便於操作的樣式(例如按鈕的形狀是否能讓人想點擊、顏色是否夠明顯等等。)
使用的軟體通常為AdobeXd、Sketch、Figma等介面設計軟體。

3.介面設計師與視覺設計師應該如何合作呢?

(1)介面設計師繪製Wireframe

介面設計師通常會負責繪製 Wireframe (每間公司都不太一樣,但我們公司的Wireframe是UI設計師負責繪製的沒錯),將產品經理與行銷團隊所提出的需求設計出相對應的解決方法與功能。

(2)視覺設計師設計主視覺,並根據 Wireframe 訂定規範

設計師在介面設計師開始執行之前就可以著手進行主視覺設計的規劃,主要把關的是整體主視覺的品牌形象、風格、色調、氛圍等等。
在主視覺設計完成後,視覺設計師可以訂定一些規範,例如:介面整體的顏色,主顏色與副顏色等等。介面設計師在收到主視覺的設計規範後,便會依照規範下去製作 mock up。

(3)合作中可能會遇到的問題

視覺設計師因為比較著重於平面、印刷等等較靜態的設計,新手設計師出圖時常常遇到檔案過大,或裝置間無法相容等等的問題,這時介面設計師就必須要與視覺設計師溝通,訂定好出圖的規範(尺寸、圖檔大小等等。)
而介面設計因為需要依照一定的設計規範(material design & Human Interface Guidelines),介面設計師所出的mock up也容易讓視覺設計師覺得不夠特別(我想要一個不規則形狀的按鈕!),或提出一些需要大量開發成本的特殊版面,這些都需要請介面設計師來溝通,找出雙方都滿意的方案。
介面設計師與視覺設計師在執行的工作上必定會有重複的地方,可以視專案的需求與產業、公司文化等等來調配雙方的工作,也就是其實沒有一種絕對明確的分工方式。
例如介面中若需要使用到Icon素材的部分,就可以由雙方互相協調,也就是說Icon兩個人都可以負責畫,只要風格一致、有符合設計規範與功能上的需求就好。
(文章所使用向量插圖出處:Freepik)
追蹤IG 獲取更多設計新知
追蹤FB粉絲團 獲取更多設計新知
為什麼會看到廣告
    59會員
    20內容數
    留言0
    查看全部
    發表第一個留言支持創作者!
    Chris Peng的沙龍 的其他內容
    深入淺出介面設計講座 即使這個講座,本意是給大學生或社會新鮮人,提供他們成為UI設計師路上的一些小建議。 但我認為這個講座的內容也非常適合想要轉職UI設計師、或已經成功成為UI設計師的你們,這場講座可以幫助你看清楚一些事情、一些或許可以再努力看看的方向。
    想成為藝術家,除了勒緊褲帶,我們可以有更好的選擇 「藝術家的正職」這本書在談論的,就是讓藝術家不要再鐵齒,為了擺脫不穩定收入的生活,趕快去找一份工作吧!
    「設計思考」是一個「以使用者為中心」的方法,透過從使用者的需求出發,來創造更多的可能性。 而藉由這個方法所討論出的產品,也能透過不斷的測試與反覆修正,順利的設計出最符合使用者需求的產品。
    大家要好好的保護自己的身體健康 大家好,我是 UI/UX 設計師 Chris,出社會擔任設計師後,我常常在思考,身為設計師,能不能用自己的專業能力,來為這個社會帶來一些正面的力量與希望。 所以開啟了這個「免費素材下載」系列,將會不定期的因應社會大眾的需求,或身邊的人的需求設計出免費的素材提供給大家
    不管臺灣是藍是綠,都是我們美麗的島嶼 前陣子看到熱愛台灣的外國人製作的Taiwan Icon Font,內心覺得非常的感動,覺得不是臺灣人的外國人,都如此認真的做了一套台灣專屬的字型,那身為台灣人的我,能不能也運用自己的力量,為我們土生土長的這塊美麗的島嶼盡一份心力呢?
    做UI設計不懂程式也沒關係?甘五價好康? 「UI設計師需要會寫程式嗎?」 想當初在轉職前,我也曾經在網路上搜尋過這類的關鍵詞,也有許多UI大大撰寫過相關文章,爬梳過文章後,大部分的答案都是不用的。
    深入淺出介面設計講座 即使這個講座,本意是給大學生或社會新鮮人,提供他們成為UI設計師路上的一些小建議。 但我認為這個講座的內容也非常適合想要轉職UI設計師、或已經成功成為UI設計師的你們,這場講座可以幫助你看清楚一些事情、一些或許可以再努力看看的方向。
    想成為藝術家,除了勒緊褲帶,我們可以有更好的選擇 「藝術家的正職」這本書在談論的,就是讓藝術家不要再鐵齒,為了擺脫不穩定收入的生活,趕快去找一份工作吧!
    「設計思考」是一個「以使用者為中心」的方法,透過從使用者的需求出發,來創造更多的可能性。 而藉由這個方法所討論出的產品,也能透過不斷的測試與反覆修正,順利的設計出最符合使用者需求的產品。
    大家要好好的保護自己的身體健康 大家好,我是 UI/UX 設計師 Chris,出社會擔任設計師後,我常常在思考,身為設計師,能不能用自己的專業能力,來為這個社會帶來一些正面的力量與希望。 所以開啟了這個「免費素材下載」系列,將會不定期的因應社會大眾的需求,或身邊的人的需求設計出免費的素材提供給大家
    不管臺灣是藍是綠,都是我們美麗的島嶼 前陣子看到熱愛台灣的外國人製作的Taiwan Icon Font,內心覺得非常的感動,覺得不是臺灣人的外國人,都如此認真的做了一套台灣專屬的字型,那身為台灣人的我,能不能也運用自己的力量,為我們土生土長的這塊美麗的島嶼盡一份心力呢?
    做UI設計不懂程式也沒關係?甘五價好康? 「UI設計師需要會寫程式嗎?」 想當初在轉職前,我也曾經在網路上搜尋過這類的關鍵詞,也有許多UI大大撰寫過相關文章,爬梳過文章後,大部分的答案都是不用的。
    你可能也想看
    Google News 追蹤
    Thumbnail
    🎉週年慶限定優惠,10/24 前加入年訂閱再送 1 個月權限! 本專欄將提供給您最新的市場資訊、產業研究、交易心法、潛力股介紹,以上內容並非個股分析,還請各位依據自身狀況作出交易決策。歡迎訂閱支持我,獲得相關內容,也祝您的投資之路順遂! 每年 $990 訂閱方案👉 https://reurl.
    Thumbnail
    讀到這篇,我預計您即將跟設計師合作,或是已經合作過,或是想了解 如果您已經有一位合作的設計師,如果您跟他合作愉快,作業流暢,完全沒有遇到下列問題,那麼我建議您可以跳過這一篇。 設計作品很難自己完成,但跟設計師很做發現他很暴躁?不敢跟設計師討論?
    Thumbnail
    我是 Duncan,是一位棄本科系學歷不顧、選擇半路出家,做著做著就十年資歷的網頁視覺設計師,抱持著玩遊戲的概念,一一解鎖想要學習的相關技能,持續地的在設計這條路上練功升等。 在十年的工作經歷中待過了設計接案公司、廣告代理商、知名電商平台、媒體代理商、線上教育平台等公司,從一名講究視覺美感的設計,
    Thumbnail
    上集文章中談到了透明報價的好處與壞處,接續上集,這篇將會談到下述內容: 1. 有哪些方法可以評估報價呢?五種用以評估報價的尺標。 2. 結論和建議:接案工作者究竟是否該公開報價?
    Thumbnail
    作為自由工作者,一定曾碰到不確定如何報價的時刻,這篇文章中將會談到下述內容: ※透明報價的壞處,接案設計師為何不適用標準報價 ※透明報價的好處,以及站在消費者的立場如何看待報價 ※到底有哪些方法可以評估報價呢 ※接案設計師究竟是否該公開報價
    Thumbnail
    🎉週年慶限定優惠,10/24 前加入年訂閱再送 1 個月權限! 本專欄將提供給您最新的市場資訊、產業研究、交易心法、潛力股介紹,以上內容並非個股分析,還請各位依據自身狀況作出交易決策。歡迎訂閱支持我,獲得相關內容,也祝您的投資之路順遂! 每年 $990 訂閱方案👉 https://reurl.
    Thumbnail
    讀到這篇,我預計您即將跟設計師合作,或是已經合作過,或是想了解 如果您已經有一位合作的設計師,如果您跟他合作愉快,作業流暢,完全沒有遇到下列問題,那麼我建議您可以跳過這一篇。 設計作品很難自己完成,但跟設計師很做發現他很暴躁?不敢跟設計師討論?
    Thumbnail
    我是 Duncan,是一位棄本科系學歷不顧、選擇半路出家,做著做著就十年資歷的網頁視覺設計師,抱持著玩遊戲的概念,一一解鎖想要學習的相關技能,持續地的在設計這條路上練功升等。 在十年的工作經歷中待過了設計接案公司、廣告代理商、知名電商平台、媒體代理商、線上教育平台等公司,從一名講究視覺美感的設計,
    Thumbnail
    上集文章中談到了透明報價的好處與壞處,接續上集,這篇將會談到下述內容: 1. 有哪些方法可以評估報價呢?五種用以評估報價的尺標。 2. 結論和建議:接案工作者究竟是否該公開報價?
    Thumbnail
    作為自由工作者,一定曾碰到不確定如何報價的時刻,這篇文章中將會談到下述內容: ※透明報價的壞處,接案設計師為何不適用標準報價 ※透明報價的好處,以及站在消費者的立場如何看待報價 ※到底有哪些方法可以評估報價呢 ※接案設計師究竟是否該公開報價