你這個設計太噁心,不考慮前端的工作量嗎?

2021-02-25 優秀網頁設計

距離2020年結束還剩不到80天了,由於今年疫情的影響,各個公司KPI完成率低,對應而來的就是超大的工作量以及越來越急的各種需求。

對於設計師而言,加班加點成為了目前工作的常態,除了要受上級和甲方無休止的無理需求,可能還會被前端同事懟得體無完膚,經常夾板受氣,還吃力不討好……

就像下面這位小夥伴,平白無故的被前端的同事懟,覺得這個設計真的很噁心?what?你是認真的嗎?需求問題不找項目經理,不找產品,找UI撒氣抱怨有用嗎?

大家也是對這樣的前端同事表示很義憤填膺,有設計師表示:還好我們組的UI是我,前端還是我!

當然!這樣的事情應該是很多設計師的工作縮影,當我們動效設計或者頁面設計好了,前端或者程式設計師卻說:「你改改吧,你這樣整我特麼實現不了…」

看到這裡可能很多設計師會說:「你實現不了關我P事?」

其實,設計與前端的關係是相輔相成的,你的設計最終能否實現落地,需要前端來完成。但同樣的作為設計師,你也需要掌握一些關於前端的知識點,因為你從設計的出發點開始如果就和程式設計師的認知不對稱,那麼這些不對稱就會成為你們的矛盾和偏差的根源。這也就關乎著你們的產品在最後實現環節上能否順利收尾的關鍵點。

而作為前端,在實現設計師的設計稿時,可能會有一些自己的想法和建議,但在溝通時,除非你幹過設計或者了解設計的創作過程,否則從設計的角度最好不要提不同的意見,可以從交互或功能或體驗上給建設性的意見。

設計師與前端之間的合作,可以分成三個階段:

而在這三個階段中如何進行有效的溝通?

1. 前期 · 多方確認

設計前審核原型,與產品和技術人員做好交流,進行功能評估,確認實現難度。視覺定稿前,與產品和技術人員進行確認,確保視覺稿是可實現的。有必要的話,提供前端效果插件。

2. 中期 · 視覺規範

設計生成視覺規範和標註說明,提供給技術人員做參考,確保首次還原效果至少在 80% 以上。

3. 後期 · 還原跟進

技術人員初步完成頁面實現後,設計師需要主動跟進還原,並反覆驗收跟進。

最 後


前端需要理解設計的初衷與思路,更好地理解設計稿的設計意義,才會更有動力原汁原味地實現它。

對於設計師來說,理解開發的實現思路以及其實現的環境局限性更有助於動效設計的順利落地。

那麼,大家在遇到這樣的事情時又是如何處理的呢?歡迎在評論區說說你在設計工作中都遇到過哪些氣人的事呢?


也歡迎各位設計師把工作中遇到的委屈的、尷尬的、不解的,發到後臺與我們分享喲~

相關焦點

  • 前端工程師的工資有多少,你真的了解嗎?
    就目前來說,WEB前端工程師的整體趨勢是越來越好的,近些年來,前端技術發展越來越快,前端工程師的技術能力也越來越被認可,不再是被調侃的對象!個人能力這一點恐怕不用我說了吧,你能做什麼事拿多少錢,肯定是你的能力起重要作用!都做一樣的事,你做的更漂亮;別人做不了的事,你能做;別人遇到問題,你能快速幫別人解決。
  • Web前端工程師職業規劃如何做? 大神指點你!
    但是,有一個觀點是要分享給大家的,任何規劃和目標都依賴於知識的積累,所以我們在做web前端工程師職業規劃時,一定要在知識積累充足的情況下。首先只有確定好自己的職業方向,才能做好職業規劃,在小編看來web前端工程師能夠找到的職業方向有以下幾種:資深web前端工程師,這個方向算是web前端最基本的選擇了;資深web架構師,這一方向即兼顧了工作的單純性,又能夠減少實際的工作量從而能夠騰出時間鑽研技術;自己創業,這一方向挑戰與機遇並存,作為一個前端技術人員,需要將自己的視野更多放在行業的動態、產業鏈的動態、相關產品領域的動態
  • 客戶都給你錢了,你還不給PSD?
    截圖的第一位同學,從言語間可以聽得出,不太想給。而不太想給的原因是自己收費不太高。這位同學,這個是自由交易的時代了,如果你覺得價格不高,可以選擇不做的,而選擇了做,意思就是認可了這個交易的價碼,這個是為人處事的基本準則,不應該帶有任何的價格上的情緒。就如你去市場買豬肉,你砍了一點價,但是還是買了下來,賣完之後,豬肉檔主在背後詛咒你砍價的行為,這個合情合理嗎?一點都不合情合理啊!
  • 如何挑選 UI/UX 設計課程
    課程名稱寫著「UI 班」,結果完全沒提到互動這部份,或者對方跟你說「UI 和 UX 一樣」、「UI 和 UX 差不多」的,要考慮一下。這單位不懂什麼是 UI、也不知道什麼是 UX。UI/UX 設計師要懂的「互動」不是 jQuery 之類的程序代碼,而是講「使用者的行為」,輸入、輸出,操作流程、頁面狀態等等。
  • 一個真正優秀的圖標,少不了這個7個底層設計原則
    當一個圖標使用了一個不熟悉的隱喻,它很難被理解。安全帶上的提示燈(左起3號)是很字面的,我們可以很快地掌握它。電動助力轉向系統(最右邊)則非常模糊,很難記得住它的意思。我遇到過的一些最不清晰的圖標是在攝影應用VSCO中。你能猜出它們的意思嗎?從左到右,這些導航圖標表示:Feed、Discover、Studio、Profile和Members。
  • 6 年前端遭遇職業瓶頸,加班有用嗎?
    也正是因為這個原因 ,最近總有親戚朋友問我工作發展和前景,要我給他們提意見,但他們只看到了這個行業的光鮮亮麗,卻不知道這裡有很多說不出的難處。01加班真的能解決問題?在前端圈摸爬滾打了十年,見過很多人進來,也送過很多人離開,大家也挺不容易的。
  • 前端新手教程!如何快速入門web前端
    我進入這個行業已經十一年了,面試過不少人,在企業裡也帶過不少新人和應屆生。所以這篇文章我想分享一些初學者應該怎麼學web,怎麼入門的個人經驗。心態和個人的一些學習方法先說心態問題,經常看到網上很多說前端容易,所以想來學習的。其實,目前隨著前後端分離,前端也逐漸趨向工程化,並不是嵌套在後端項目中寫寫htmlcss就可以的了,需要學習的東西也越來越多。
  • 什麼是工作量證明?
    就像去挖黃金,你挖的時間越長,設備越先進,說明你的工作量越高,你挖的黃金也就越多。
  • 一場感覺身體被掏空的前端面試
    《Professional JavaScript for Web Developers》中文版:《JavaScript高級程序設計》3.不過帶我吃飯的小哥說食堂每周都換菜單的,估計我正好輪到了不太好吃的那一周。。。午餐沒有任何驚喜。。。吃完飯,不午休,面試繼續。。。12:45-13:30。還是兩位面試官。出了兩道題。第一道題是將link插入到包含每一個用戶信息的div裡。link的代碼是:<a href="profile.jsp?
  • 這個Github項目,搞定前端開發所有React 面試題
    在以往的文章中總結過Vue和Angualr相關的前端開發面試題,今天就來總結分享一下常考的 React 相關面試題和答案。這份React面試題總結來自Github,目前,這個 reactjs-interview-questions 項目在GitHub上已經獲得 1911 個Star,333個Fork。
  • Web前端面試官會問什麼,不懂性能優化的前端不是好前端
    進行一下自我介紹;2、簡單說一下對面試公司的了解;3、談一下對應聘崗位的看法;4、針對崗位,簡單考察一下求職者的崗位技能;5、談一下上份工作職責內容及工作結果;6、說一下目前薪資要求;7、談一下離開上家公司原因以上關於HR問的問題結束以後,如果HR覺得還可以,會聯繫技術負責人面試,這時候會有專門的技術負責人向你提一些技術問題
  • 設計崗中最搶手的UI/UX設計師究竟是做什麼的?真的有「錢途」嗎?
    >塑造出產品與服務這個話題充滿熱情,那麼當下火爆的UI/UX設計師可能會非常適合你!對於網站和應用程式,UI設計考慮了產品的外觀、感覺和交互性。一切都是為了確保產品的用戶界面儘可能直觀,這意味著仔細考慮用戶可能遇到的每一個視覺交互元素。UI 設計師會考慮圖標和按鈕、排版和配色方案、間距、圖像和響應式設計。
  • Python工程師比前端工程師更好招?
  • 前端工程師面試時自我介紹該如何做?你的簡歷是不是該優化了
    求職面試千萬不要小視這個自我介紹,他既是打動面試考官的敲門磚,也是推銷自己的極好機會,因此一定要好好把握。在被要求自我介紹,可能第一反應就是要告訴大家姓名,年齡,哪個學校畢業,在哪裡工作,都是什麼行業什麼職業。這些面試官都能從簡歷上看到,他想要知道的肯定不是這些,每個面試官或者說每個行業的面試官他注重的點不一樣。
  • 招人 網頁設計師,前端設計師快快來!
    除此之外,我們還能給你:1、一個良好的發展平臺,可以自由發揮你潛能的空間;2、做你自己想做、喜歡做的、有價值、有節操、有意義的事情,我們給與絕對的支持和尊重;3、一種職業的榮耀感與存在感,給自己一個清晰的定位。沒錯,我們就找設計!崗位職責:1.
  • 80%的前端會答錯的問題:是什么元素?
    前言某天晚上,和幾個朋友去擼串,突然就聊到了面試,都在感嘆現在的面試題太變態了,其中一個突然很神秘的問我
  • 設計師到底該不該學前端?
    那麼到底設計師該不該學習前端呢?先說說大家平時最苦惱的設計稿還原度問題,一個視覺超讚的稿子,怎麼到了前端手裡,字體邊距就亂七八糟呢?為什麼沒對齊,為什麼沒加粗,還有說好的動效怎麼都沒上,完全不是情感化設計了啊。
  • 「工作量很大」英文怎麼說?
    Richard:嘿Gregg,如果你報告需要幫忙的話跟我說,我知道你最近壓力很大。Gregg: No need, I'm already done!Gregg:不需要,我已經完成了!Richard: Really? Wow! Can I have a look?Richard:真的嗎?哇!我可以看看嗎?
  • 這是20份來自設計公司的ppt
    這位是我司前端自己建了一個網站設計、動效、代碼全都自己一個人弄的說好的ppt呢你這個騙子前端常誠-年終總結網站會設計的前端 了解一下他為年終總結專門設計了字體..前端常誠-年終總結網站設計稿////設計總監大鍋更狠直接吧 做了個3D的ppt扛著34寸顯示屏的座機(電腦)進了會議室因為他說筆記本放不了這個ppt
  • 員工工作沒有激情,你考慮過原因麼?
    那麼作為管理者,你有考慮過為什麼你留不住人才嗎?留住好員工看似困難,實則非然,因為管理者犯下的大多數錯誤都是可以避免的。但一旦管理者犯下了錯,最出色的員工往往最先離職,因為他們擁有最多選擇。公司如果不能讓好員工全心投入到工作中,就留不住好員工——這理應成為常識,卻仍然有很多人不知道。