工作甘苦談文章

熱門社群 升學媒體人秘書HR百貨行銷醫護觀光餐旅
職務大辭典 » 職務中類表 » 美編設計 » 網頁設計 » 網頁設計師的怒吼~
職務定義:
薪資平均範圍:
薪資職能報告
工作年資 1年以下 1~3年 3~5年 5~7年 7年以上
平均薪資 年資1年以下 : $26,835 年資1~3年 : $30,594 年資3~5年 : $33,325 年資5~7年 : $37,522 年資7年以上 : $40,775
  1. 網頁整體風格的設計,並利用電腦相關軟體製作網頁
  2. 替網路活動的廣告專區、頁面等製作頁面設計
  3. 網站內容的編輯、更新以及管理
  4. 網站運行的管理以及維護
  5. 網頁設計師工作環境舒適,但工作任務繁重且工作量大,需要有良好的身體狀況
主題:

網頁設計師的怒吼~



圖片來源

「設計」是個廣泛而模糊的用詞。當某人說「我是個設計師」,實在是很難立刻理解他們平常在做什麼。在設計師一詞的大傘下,包含了各式各樣不同的職責。

設計相關的工作範圍從工業設計(汽車、傢俱)到印刷(雜誌及其他出版品)、科技(網站、手機 app) 都有。近期的潮流主要聚焦在科技公司的顯示介面,很多新的設計職位應運而生。對外行或不熟悉這行的人,甚至是其他產業過來的設計師而言,諸如 UX 或 UI 設計的職稱讓人疑惑。

讓我們試著用科技產業的脈絡來試著一一解析這些職稱真正的意涵。

UX 設計師(使用者經驗設計師)

UX 設計師主要考慮的是「產品用起來的感覺」。設計的問題沒有唯一正解。 UX 設計師探索各種不同的方法來解決一個使用者問題。UX 設計師的重大責任就是要確保產品從這一步流動到下一步符合邏輯。要辦到這點,UX 設計師用的其中一個方法就是實施真人測試,觀察使用者行為。檢查說得出來和沒說出來的使用障礙,他們再三修飾以創造出「最棒的」使用者經驗。比如說創造一個舒服的入門流程給使用者。

定義互動模型、使用者操作流程和詳細 UI 規格。和股東溝通情境、端對端經驗、互動模型和畫面設計。和創意總監及視覺設計師合力將 Twiiter 的視覺意象融入各個功能中。發展並維護需要的設計模板、樣板和規格。

—— Twitter 使用者經驗設計師的工作需求

產出:畫面、文章、網站地圖的模板。

生財工具:Photoshop、Sketch、Illustrator、Fireworks、InVision。

你可能會聽到野生的 UX 設計師這麼說:「我們應該要在使用者完成註冊後放一頁感謝卡。」

UI 設計師(使用者介面設計師)

不像 UX 設計師要考慮產品的整體觀感,使用者介面設計師專精於「產品怎麼呈現」。

他們負責設計每一個與使用者互動的網頁或畫面,然後確認 UI 在視覺上能傳達 UX 設計師展示的路徑。舉例來說,UI 設計師做了一個統計資訊面板,可能會把最重要的內容往前放在最上面,或是判斷用來調整圖表的捲軸或控制鈕是不是符合直覺。UI 設計師通常還要負責確立通用風格指南,讓整個產品的設計語言一致。維持視覺元素的一致,並定義像是如何顯示錯誤或是警告狀態的動作都是 UI 設計師的職責。

從概念到應用 Airbnb.com 的視覺語言。製作並改進符合網頁寬度的風格指南。

—— Airbnb 的 UI 設計師工作需求

UI 和 UX 設計師的分界相當模糊,所以公司也常選擇融合這兩個角色。

生財工具:Photoshop、Sketch、Illustrator、Fireworks。

你可能會聽到野生的 UI 設計師這麼說:「登入和註冊連結該移到右上角。」

視覺設計師(圖像設計師)

一位視覺設計師就是「推敲畫素」的人。如果你問非設計師的人設計師在做什麼,這大概是他們第一個想到的。視覺設計師不管畫面之間如何連接,或某人怎麼和產品互動。他們聚焦在打造美麗的圖示、控制鈕、視覺元素和運用合適的字型。視覺設計師斤斤計較一些其他人忽略的細節,而且常常把 Photoshop 放大 4 -- 8 倍在使用。

從概念到執行,製作出高品質的視覺設計,包括各種解析度的桌面、網站和行動設備(圖示、圖像和行銷素材)不斷創造反映品牌形象、加強語言及為產品注入美與生命的部件。

—— Google 的視覺設計師工作需求

UI 設計師也經常擔上雙倍責任,另外製作美觀的最終成品。有些公司選擇不另僱視覺設計師。

生財工具:Photoshop、Sketch。

你可能會聽到野生的視覺設計師這麼說:「字距太大了,而且這個按鈕應該要再往左一個畫素。」

互動設計師(動態設計師)

記得在 iPhone 的郵件 app 裡,當你下拉重新整理時那個細微的彈跳動畫嗎?那就是動態設計師的工作。不同於視覺設計師總是在跟靜止的部件搏鬥,動態設計師創造 app 內部的動畫。他們要處理「使用者按了以後介面要有什麼反應」。舉例而言,他們要決定選單滑進來的方式,要用哪種轉場效果以及按鈕要怎麼退出。設計得好的話,動態就能提供如何使用產品的視覺線索,讓介面更加完整。

專精視覺設計,動態圖形,數位繪圖,對字型和顏色敏銳,對材料/質地有大概的認知,能實際掌握並運用動畫。具 iOS、OS X、Photoshop、Illustrator 相關知識還要熟悉 Director(或同等功能軟體),Quartz Composer(或同等功能軟體),必須具備 3D 電腦建模、動態圖形技能。

—— 蘋果的互動設計師工作需求

生財工具:AfterEffects、Core、Composer、Flash、Origami。

你可能會聽到野生的互動設計師這麼說:「選單應該要用 800ms 的速度從左邊漸入。」

轉載自:inside
網頁設計師的怒吼~
職務類別:網頁設計   職稱:網頁設計師   相關職缺:專門設計相關  網頁設計


圖片來源

「設計」是個廣泛而模糊的用詞。當某人說「我是個設計師」,實在是很難立刻理解他們平常在做什麼。在設計師一詞的大傘下,包含了各式各樣不同的職責。

設計相關的工作範圍從工業設計(汽車、傢俱)到印刷(雜誌及其他出版品)、科技(網站、手機 app) 都有。近期的潮流主要聚焦在科技公司的顯示介面,很多新的設計職位應運而生。對外行或不熟悉這行的人,甚至是其他產業過來的設計師而言,諸如 UX 或 UI 設計的職稱讓人疑惑。

讓我們試著用科技產業的脈絡來試著一一解析這些職稱真正的意涵。

UX 設計師(使用者經驗設計師)

UX 設計師主要考慮的是「產品用起來的感覺」。設計的問題沒有唯一正解。 UX 設計師探索各種不同的方法來解決一個使用者問題。UX 設計師的重大責任就是要確保產品從這一步流動到下一步符合邏輯。要辦到這點,UX 設計師用的其中一個方法就是實施真人測試,觀察使用者行為。檢查說得出來和沒說出來的使用障礙,他們再三修飾以創造出「最棒的」使用者經驗。比如說創造一個舒服的入門流程給使用者。

定義互動模型、使用者操作流程和詳細 UI 規格。和股東溝通情境、端對端經驗、互動模型和畫面設計。和創意總監及視覺設計師合力將 Twiiter 的視覺意象融入各個功能中。發展並維護需要的設計模板、樣板和規格。

—— Twitter 使用者經驗設計師的工作需求

產出:畫面、文章、網站地圖的模板。

生財工具:Photoshop、Sketch、Illustrator、Fireworks、InVision。

你可能會聽到野生的 UX 設計師這麼說:「我們應該要在使用者完成註冊後放一頁感謝卡。」

UI 設計師(使用者介面設計師)

不像 UX 設計師要考慮產品的整體觀感,使用者介面設計師專精於「產品怎麼呈現」。

他們負責設計每一個與使用者互動的網頁或畫面,然後確認 UI 在視覺上能傳達 UX 設計師展示的路徑。舉例來說,UI 設計師做了一個統計資訊面板,可能會把最重要的內容往前放在最上面,或是判斷用來調整圖表的捲軸或控制鈕是不是符合直覺。UI 設計師通常還要負責確立通用風格指南,讓整個產品的設計語言一致。維持視覺元素的一致,並定義像是如何顯示錯誤或是警告狀態的動作都是 UI 設計師的職責。

從概念到應用 Airbnb.com 的視覺語言。製作並改進符合網頁寬度的風格指南。

—— Airbnb 的 UI 設計師工作需求

UI 和 UX 設計師的分界相當模糊,所以公司也常選擇融合這兩個角色。

生財工具:Photoshop、Sketch、Illustrator、Fireworks。

你可能會聽到野生的 UI 設計師這麼說:「登入和註冊連結該移到右上角。」

視覺設計師(圖像設計師)

一位視覺設計師就是「推敲畫素」的人。如果你問非設計師的人設計師在做什麼,這大概是他們第一個想到的。視覺設計師不管畫面之間如何連接,或某人怎麼和產品互動。他們聚焦在打造美麗的圖示、控制鈕、視覺元素和運用合適的字型。視覺設計師斤斤計較一些其他人忽略的細節,而且常常把 Photoshop 放大 4 -- 8 倍在使用。

從概念到執行,製作出高品質的視覺設計,包括各種解析度的桌面、網站和行動設備(圖示、圖像和行銷素材)不斷創造反映品牌形象、加強語言及為產品注入美與生命的部件。

—— Google 的視覺設計師工作需求

UI 設計師也經常擔上雙倍責任,另外製作美觀的最終成品。有些公司選擇不另僱視覺設計師。

生財工具:Photoshop、Sketch。

你可能會聽到野生的視覺設計師這麼說:「字距太大了,而且這個按鈕應該要再往左一個畫素。」

互動設計師(動態設計師)

記得在 iPhone 的郵件 app 裡,當你下拉重新整理時那個細微的彈跳動畫嗎?那就是動態設計師的工作。不同於視覺設計師總是在跟靜止的部件搏鬥,動態設計師創造 app 內部的動畫。他們要處理「使用者按了以後介面要有什麼反應」。舉例而言,他們要決定選單滑進來的方式,要用哪種轉場效果以及按鈕要怎麼退出。設計得好的話,動態就能提供如何使用產品的視覺線索,讓介面更加完整。

專精視覺設計,動態圖形,數位繪圖,對字型和顏色敏銳,對材料/質地有大概的認知,能實際掌握並運用動畫。具 iOS、OS X、Photoshop、Illustrator 相關知識還要熟悉 Director(或同等功能軟體),Quartz Composer(或同等功能軟體),必須具備 3D 電腦建模、動態圖形技能。

—— 蘋果的互動設計師工作需求

生財工具:AfterEffects、Core、Composer、Flash、Origami。

你可能會聽到野生的互動設計師這麼說:「選單應該要用 800ms 的速度從左邊漸入。」

轉載自:inside
相關甘苦談連結