[Beef] 清稿不重要但也很重要

拉拉 Arashis Shen-avatar-img
發佈於UI🐔介面設計 個房間
更新 發佈閱讀 3 分鐘

設計師的靈魂是自由的!

什麼狀況會讓人判斷「這份 Figma 檔案很難接手」?

我個人的話,當打開檔案的時候,看一下圖層的流水號。

當出現 6 位數以上,有很大機率——大事不妙。

代誌大條囉~

命名!拜託命名!

熟悉 Figma 的設計師都懂,不停的新增物件但沒有命名時,Figma 會用流水號幫圖層自動命名。

所以 6 位數的流水號,表示很有可能這份稿子經手的設計師,從一開始就沒幫物件命名。

命名有什麼重要?看一眼物件的名字就知道它是做什麼的。

就像做一個按鈕物件, property 的名稱大家肯定至少寫一下 default / hover / disabled,不會懶到用 property1 / property2 / property3 吧,這樣之後拉元件進來,要怎麼知道哪個顏色是設計給哪個狀態用的?

命名可以為這份 Figma 續命,後面接手的設計師才不會乾脆從產品截圖再改。辛苦做的稿可以永流傳,不是很好嗎?

沒差啦,反正能交稿就好

Auto Layout 真的很好用,請用用它

第二種可怕的是,一個頁面的 frame 裡面,有的用 group 有的用 frame,甚至沒整理通通散在各處,要改一條線的顏色還要點點點點點到最下層,改完之後還是找不到物件。

Auto Layout 除了提供整個稿子有整齊且符合 guideline 的排版之外,重要的是它裡面的物件順序會影響畫面位置。因此 header 就會在最上面、body 在中間、footer 在下面,一家人整整齊齊。

我要生氣了喔

到底哪個版本才是最新版?

設計過程難免修修改改,加上進開發後,有時因為時程壓力(或者純粹覺得麻煩),RD 直接把前端畫面改掉,跟 PM 過完就上線了。

導致設計稿和產品,成為兩條世界最遙遠的平行線。

啊不是,product 都要定期 merge 回 pre-product 環境,以確保開發版本不會與最終上線版本差距太多。為什麼產品設計頁面不跟設計稿同步?

團隊協作,大家互相溝通一下嘛。

只有我一個人努力⋯⋯

我很努力清稿了,但最後設計還是交給別人啊

人生要做設計師已經很辛苦了,把稿件做乾淨,造福未來的設計師,起碼可以為自己積點陰德。

至少下輩子不要再當設計師了嘛 484。

留言
avatar-img
留言分享你的想法!
avatar-img
UX 不只體驗,AI 不限智慧
3會員
15內容數
一個產品設計師的職場小故事
2025/08/23
AI設計工具興起,讓許多設計師擔憂飯碗不保。本文探討AI時代下,設計師的角色轉變與生存之道,並以臺灣軟體開發環境為例,說明設計師如何藉由AI提升效率,而非被取代。文中強調設計師需提升產品思維、UX策略規劃及AI指令操作能力,才能在AI時代立於不敗之地。
Thumbnail
2025/08/23
AI設計工具興起,讓許多設計師擔憂飯碗不保。本文探討AI時代下,設計師的角色轉變與生存之道,並以臺灣軟體開發環境為例,說明設計師如何藉由AI提升效率,而非被取代。文中強調設計師需提升產品思維、UX策略規劃及AI指令操作能力,才能在AI時代立於不敗之地。
Thumbnail
2025/08/10
本文探討使用者體驗設計在不同情境下的侷限性,以戀愛、購物和政治三個例子說明,即使努力提升使用者體驗,最終結果仍可能不如預期,因為「人」的因素往往會凌駕於使用者體驗之上。
Thumbnail
2025/08/10
本文探討使用者體驗設計在不同情境下的侷限性,以戀愛、購物和政治三個例子說明,即使努力提升使用者體驗,最終結果仍可能不如預期,因為「人」的因素往往會凌駕於使用者體驗之上。
Thumbnail
2025/07/27
今天在社群看到一篇文章: 「Google 在 PM 面試中加入 vibe coding 考題。」 意味著,開發團隊的所有人,都必須具有程式概念與基本程式設計能力。 而跟開發端更近的 UI 設計師,必定無法倖免於這股浪潮。 只用 AI 寫報告和文案完全不夠。該是轉型的時候啦各位。
Thumbnail
2025/07/27
今天在社群看到一篇文章: 「Google 在 PM 面試中加入 vibe coding 考題。」 意味著,開發團隊的所有人,都必須具有程式概念與基本程式設計能力。 而跟開發端更近的 UI 設計師,必定無法倖免於這股浪潮。 只用 AI 寫報告和文案完全不夠。該是轉型的時候啦各位。
Thumbnail
看更多
你可能也想看
Thumbnail
蝦皮分潤計畫讓我在分享旅遊文章時,也能透過推薦好物累積被動收入,貼補旅行基金。這篇文章,除了介紹計畫的操作亮點與心得,也分享我最常應用的案例:「旅行必備小物 TOP5」,包含行李鎖、免洗內衣褲、分裝瓶、折疊衣架與真空壓縮袋,幫助出國打包更輕鬆。想同時記錄旅行、分享好物又創造額外收入的你,千萬別錯過!
Thumbnail
蝦皮分潤計畫讓我在分享旅遊文章時,也能透過推薦好物累積被動收入,貼補旅行基金。這篇文章,除了介紹計畫的操作亮點與心得,也分享我最常應用的案例:「旅行必備小物 TOP5」,包含行李鎖、免洗內衣褲、分裝瓶、折疊衣架與真空壓縮袋,幫助出國打包更輕鬆。想同時記錄旅行、分享好物又創造額外收入的你,千萬別錯過!
Thumbnail
想增加被動收入?加入蝦皮分潤計畫是輕鬆上手的好方法!本文提供完整教學,包含申請流程、賺取分潤技巧,以及實際使用心得分享,助你輕鬆獲得額外收入。
Thumbnail
想增加被動收入?加入蝦皮分潤計畫是輕鬆上手的好方法!本文提供完整教學,包含申請流程、賺取分潤技巧,以及實際使用心得分享,助你輕鬆獲得額外收入。
Thumbnail
自由接案好像很自由、容易,卻需要點方向的指引,希望這篇的分享能給予你一些幫助。
Thumbnail
自由接案好像很自由、容易,卻需要點方向的指引,希望這篇的分享能給予你一些幫助。
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
標示全部為已讀失效 最近發現留言系統中,"標示全部為已讀"的速度明顯變慢,甚至有時會失效。許多使用者都報告遇到了相同的問題。這實際上是程式設計中一個常見的漏洞。系統沒有充分考慮到整體容量問題與效能,才導致了這樣的情況。(實際原因待查,此處僅為一般解說),當系統開始顯示緩慢或出現其他問題時,通常
Thumbnail
標示全部為已讀失效 最近發現留言系統中,"標示全部為已讀"的速度明顯變慢,甚至有時會失效。許多使用者都報告遇到了相同的問題。這實際上是程式設計中一個常見的漏洞。系統沒有充分考慮到整體容量問題與效能,才導致了這樣的情況。(實際原因待查,此處僅為一般解說),當系統開始顯示緩慢或出現其他問題時,通常
Thumbnail
確保沒有遺漏或錯誤 程式的完整資訊資料對於程式設計至關重要。這是因為只有透過完整的資訊,我們才能確保在程式設計中沒有任何遺漏或錯誤。最終,後台管理扮演著管理系統中所有動作和行為是否符合特定標準的重要角色。 採取不符合預期的行動 這種符合性的重要性在於,當我們設計程式時,希望使用者按照預期的方式
Thumbnail
確保沒有遺漏或錯誤 程式的完整資訊資料對於程式設計至關重要。這是因為只有透過完整的資訊,我們才能確保在程式設計中沒有任何遺漏或錯誤。最終,後台管理扮演著管理系統中所有動作和行為是否符合特定標準的重要角色。 採取不符合預期的行動 這種符合性的重要性在於,當我們設計程式時,希望使用者按照預期的方式
Thumbnail
資料的統合 在程式設計中,其他人通常關心是否注意到執行的細節。作為程式設計師,主要應該關心的是程式的表現,但往往忽略了很多細節,這些細節可以決定程式的好壞。程式的好壞很大程度上取決於資料的統合,也就是資料是否被正規化。 不同類型的資料在系統中呈現一致 正規化可能對一些人來說聽起來很抽象,有些人
Thumbnail
資料的統合 在程式設計中,其他人通常關心是否注意到執行的細節。作為程式設計師,主要應該關心的是程式的表現,但往往忽略了很多細節,這些細節可以決定程式的好壞。程式的好壞很大程度上取決於資料的統合,也就是資料是否被正規化。 不同類型的資料在系統中呈現一致 正規化可能對一些人來說聽起來很抽象,有些人
Thumbnail
這是一個簡單的工作流,可以對輸入的圖片進行3D重建
Thumbnail
這是一個簡單的工作流,可以對輸入的圖片進行3D重建
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News