現在的網頁設計師到底是幹什麼的?

想轉行做網頁設計師,但是卻發現招聘網上的入職要求讓人莫名其妙,搞不懂網頁設計師是做什麼的,搞不懂ui是做什麼的,搞不懂前端是做什麼的,還有產品經理也來摻合。

做個設計參與的人太多了,設計個產品出來,產品經理把線框圖畫了,前端把交互寫了,設計師還能幹什麼呢?視覺設計?但是,產品把頁面布局都給你弄好了,你哪裡還有發揮的空間?所以搞不懂網頁設計師到底能幹嘛,感覺設計師就是把原型圖潤潤色,優化下視覺效果,然後over。

請給位說說看在互聯網到底怎麼劃分網頁設計這個職能的。


真是隔行如隔山,UI設計師並不只是你說的那樣,無所事事。即使在產品經理把線框圖畫好後,UI設計師還得根據線框圖、交互稿、及不同平台設計規範,去確定線框的具體長寬尺寸、按鈕尺寸、繪製界面中圖標的矢量圖,選好合適的字體,確定字體、字型大小、顏色、行距等具體的事宜。

如果是多人配合,在項目開始之初就得制定統一的視覺規範。也就是上面說到的顏色、字體、字型大小、圖標大小、線框粗細等,力求將視覺體驗做到賞心悅目。並根據這些規範,做出界面。且需要把這些尺寸、顏色等具體的數值標註好,拿給開發,進行功能的實現。過程細碎繁瑣,但並不是沒有技術含量,比如按鈕的擺放位置發生變化,也會牽動到點擊率、轉化率等一些列的變化,UI設計師非常理性的,在這背後更多的是數據做支撐。如下圖:

1.提交表單的標註

2.界面標註演示

上圖為我司(一個小公司)的手機網站項目,開發過程中的部分截圖,當然我做得更多的網頁專題類設計,對於UI類不算是很在行,小公司嘛人手少,手機網站這種Case就被我一併攬下了。

如果設計師不這麼做的話,程序開發在實現的過程沒有這些具體尺寸的輔助,就不知該從何寫起,會大大降低開發進度,甚至出現前後視覺不一致的混亂。所以UI設計師在整個產品研發環節中是必不可少的一個角色。

在此拋磚引玉,如有不對歡迎拍磚。


作為一枚資淺民用網頁設計師來強答一下,先大概說一下,網頁設計基本分為品牌網站設計、運營活動設計和用戶界面設計三種,很不幸作為2年廣告人和差半年就3年的互聯網人,這三種我都有深入的實踐過,目前在做用戶界面設計的的相關工作

1、品牌類企業站設計還要分為品牌站、產品站、minisite等不同類型的網站,主要用於公司品牌啊產品啊之類的展示宣傳和一些線上活動,其實minisite是可以歸類為運營活動設計的,但在廣告公司和企業建站公司里通常都是一批人在做,所以在這裡歸為一類。那時候移動端尚未得勢,網頁是最為光火的時候,不過你要會的也要多,ps,ai,fw,dw,fl,基本都是懂代碼、有創意、會動畫的神奇人物。雖然現在領域細分的厲害,但我相信將來仍會是全棧設計師的天下,這裡的全棧跟前面的技能不同,暫不展開說了。

這類設計其實沒有所謂產品經理的,通常是策劃、客戶經理、銷售在負責整理內容和需求的工作,甚至大部分設計師都是親自上陣與客戶溝通以避免第三方傳達造成的需求理解不明確。所以基本來說是沒有原型這種存在的,如果有也肯定很挫,設計師需要自己去梳理客戶的意圖和需求來搭建網站,以滿足突出品牌調性和概念賣點的工作,你說開心不開心?這類設計師蠻苦逼也蠻自由,更多的是追求設計概念和品牌調性

2、運營活動設計師,前面說了,其實minisite應該也是運營活動設計的一種,顧名思義,主要是為了活動的短期宣傳和預熱,生命周期通常很短,一般是專題形式存在,如果是建站和廣告公司,也沒有原型,只有brief,如果是互聯網公司(電商,遊戲同理),會有簡陋版原型來說明需求,這類設計師通常追求的是滿足需求和氛圍調性的視覺傳達,單純從視覺來說是最有發揮餘地的,你可以在即有品牌調子里天馬行空的發揮你的創意,只要前端能實現,你可以縱情發揮。當然上線後的用戶活躍和轉化數據最能體現你的設計價值。

3、用戶界面設計師,是追求邏輯規範嚴謹和用戶體驗的一群人,這類設計里才會有題主所提到的比較專業的產品經理存在,原型也會儘可能的做到保真。那這類設計的工作就不是單純的設計了,所謂UE就是在這裡體現。

第一,你需要從產品初期就應該參與評審,為什麼要這麼設計,是否合乎結構邏輯,層級信息是否明確,是否有更好的形式可以傳達產品需求和保證用戶體驗。通常拿到初版原型的時候,你考慮的不應該是照著潤色,而是與產品繼續溝通和撕逼,從商業需求和用戶的角度出發,儘可能的保證二者能夠和諧,比如一個註冊流程,你能否在原型基礎上進一步去考慮簡化用戶操作,減少用戶疑惑,同時能夠吸引和提高註冊率,有時一個按鈕的位置大小都能和產品吵半天啊!這些都是設計師需要考慮的點,當然現在有交互設計的存在,但這並不能抹殺你的存在感。

第二,你做的是成套的界面啊,可能會出現各種各樣與之前已完成界面的設計衝突啊,你怎麼去把控整套界面的設計,怎麼去建立設計規範,同時還需要注意細節的精彩,這裡的細節不只是設計層面的間距字型大小等,還有小動畫小交互甚至提示類的信息,比如404、無數據、斷網、操作結果,甚至用戶按下按鈕的操作反饋等等等等,你都必須去深究和嘗試,這樣最終呈現給用戶的界面才會讓人覺得好用舒服,好看反而是次一層級的追求,平衡需求與邏輯架構和用戶體驗的關係,並非你想像的那麼簡單

第三,設計完了要跟前端(負責頁面的實現和一些動態效果,俗稱製作切圖仔)和開發(碼農)撕,界面標註要精確到像素,前端實現中的反覆review,都是大活,最主要的是你怎麼去逼前端同學調整一個像素點,為了一個細微的交互效果要反覆逼人家調試,還有時間周期的壓迫,確定這是很容易的事嗎?對了,還有測試同學在測試時提出的實際體驗問題哦…

用戶界面設計師其實是需要比較強大的綜合能力的,比如了解用戶心理能力,強大的邏輯結構能力,整體項目把控能力,設計表現力,溝通能力等各種能力不一而足,所以排版布局?這只是最基礎的而已,如果你能保證以上工作做好的情況下還有非常優秀的視覺表現,那麼,牛逼

以上。手機打字,有空再貼圖示例。

對了,UI設計師現在泛指移動端界面設計師,想當年那一撮叫GUI的畫標的把UI這個詞完全佔有還真是讓人有些不忿啊,不過我想我可能會一直在WEB的道路上走下去,因為移動端無論怎麼流行,我還是醉心於最初的願望呀


第一你得認識幾個軟體並且學好它,例如DW AI PS FL 等

第二你得學會幾個語言HTML HTML5 CSS CSS3 JavaScript 甚至了解一定後台PHP MySQL等

第三你得學會用JavaScript的包,例如JQ等

第四你得學過美術設計,手繪什麼的不成問題

第五你得會審美,而且學會現在很流行的幾款設計,例如扁平化 IOS Windows等

第六你得有耐心,做網站其實沒有其他人想的簡單,不停地修改,和令人崩潰的IE6bug

第七你得懂得迎合客戶需求,在你不是網站設計一方大佬的時候,你的審美遠沒有客戶審美重要

第八你得關注最新的動態,及時抄襲技術,當然最好是創新,但是創新需要積累,抄襲就是積累

第九你得臉皮厚好的網站不一定是做出來的更重要的是說出來,讓你的客戶覺得你的網站高大上就是你的目標

第十你得記住最重要的一點,技術都是逼出來的!善於逼迫自己但是別把自己逼瘋就好。


現在絕大多數的人,還依然停留在,做點美化工作就是設計。簡單說:往一坨屎上,鑲鑽石。而現在絕大多數的所謂產品、UI,就是在給一堆屎上,鑲嵌規定的鑽石。

當然這堆屎如果當成化肥,用來澆田,來年種出各種新鮮蔬果,我也是很願意去為這件事而努力一下。但他們居然拿這些談體驗?

設計該做的只有一件事,做減法,基於真正的核心價值。

網頁設計,就應該對呈現在網路上的核心內容,做出合理的減法,通過你的梳理,將屎濾掉,留下鑽石。


能把圓型塗潤色好就相當牛b了


設計師就是把原型圖潤潤色,優化下視覺效果 。

是的,就是這樣。你看主持人也就是說幾句話呢!


推薦閱讀:

網頁布局都有哪種?一般都用什麼布局?
CSS布局,為什麼英文會撐破容器不會自動換行而中文不會?
如何學網頁界面設計?
流布局與響應式網頁設計有什麼區別?
網頁的 Table 布局和 DIV+CSS 布局從哪裡可以看出來?Table 布局已經過時了嗎?

TAG:網頁設計 | 網頁設計師 | 前端開發 | 設計 | 設計師 |