工程師不在乎設計細節怎麼辦!? 設計師需要學前端技術面嗎!? 專案中如果碰到不在意間格距離、顏色色碼、按鈕大小等設計細節的工程師，我們可以試著透過以下的方式來溝...
與工程師溝通有互動效果的介面要注意什麼 !? 互動效果相較靜態的設計稿實作時間比較久、建置成本高，需要考量不同層面的問題，像是效能、支援度等。 建議在設想時：...
要注意什麼，才能更順利地提供可執行的設計稿 !? 一、參考熱門的設計框架、典範大廠的 Web 框架或工程師習慣的框架 例如：boostrap、material...
今天是雙十連假的最後一天～也是鐵人賽接近尾聲的倒數第 5 篇～今天就來講講跟設計師的溝通之術吧！ 前言 原本是個坐在位置上，每天打開 Jira 檢視今日任務，做...
接下來，會就六角學院 UI 設計入門 課程中，針對團隊合作時會碰到的情境稍作討論。 設計稿再好看也沒用 !? 工程師說太難做不出來 QQ 團隊的發揮，需要建立、...
進行六角學院開設的 UI 設計入門學習第 25 天，稍微從 wireframe 下一個階段開始來做一些回顧。 【Day 07】設計流程：繪製 Mockup 設計...
本篇重點 原型設計 ( Prototype ) 種類與技巧 原型設計 ( Prototype ) 原型設計是對產品會如何運作的模擬，能在產品正式...
本篇重點： 設計規範製作 切圖 ( Slice ) 的格式與命名 設計標註檔 1、設計規範製作 依內容詳細程度，從精簡到完整分為三種類別：介...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
前言 今天來討論前端RWD的套件、表格的套件、圖表的套件分別有哪些好用的、可以當作參考。 目前js相關的前端套件非常多，使用者可以依據自己的需求進行選擇，有些為...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
進行 UI 設計入門學習第 15 天，慢慢的可以透過結構性思維去觀察事情。 以下重點回顧感受較深刻的章節： 【Day 01】什麼是 UI 設計 使用者介面，目...
昨天我們了解到 Platform guidance 平台指導，子母畫面模式可讓兩個活動同時顯示在螢幕上，執行兩種不同的應用程式活動，也可以調整子母畫面的畫面尺寸...
延續上一篇 UI/UX 設計師的「設計參考」整理方法！ 今天會分享一些，工作三年來時常拿出來參考的視覺網站。 多數會以 耐看、簡約、實用性 為主，單純好看的視覺...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天我們了解到 Platform guidance 平台指導，在應用程式中許多的操作需要權限許可，透過入門指南說明權限、或是事先詢問、在消息通知中顯示請求、透過...
昨天分享的是「網站收集頁」，主要用途在於大範圍的尋找視覺參考網站。 當一個客戶有指定風格，或是老闆認為該客戶的產業性質，也許更適合走某種設計風格時， 我們也會整...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天我們了解到 Platform guidance 平台指導，Android 系統的圖示、介面導覽、通知，在圖示的章節中把圖示細分為四層元素，在每一層元素上依照...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天我們了解到 Platform guidance 平台指導，Android 系統的狀態欄、指紋及觸覺設計指南，在狀態欄內應顯示的圖示及功能，還有區塊的建議尺寸...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天我們了解到 Usability 易用性，需要根據不同國家顯示的語言方向進行排版，依照用戶的使用慣性排列出易於用戶操作的畫面，當產品支援多國語系時排版可能需要...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天我們了解到 Usability 易用性中輔助功能，無障礙設計提供更多幫助，通過螢幕閱讀器、放大工具和助聽器等設備幫助用戶用戶可以在 "觸摸瀏覽&q...
iT 邦幫忙鐵人賽
tedkuo
小學生
JYHsu
Yvonne_Zhong
GG