Figma 讓合作更緊密 藉由 Figma 即時同步,團隊成員可以共同參與,隨時跟進進度與提供回饋。一個健康的產品團隊需要設計與開發緊密協作,互相理解與回饋。合...
在之前的篇幅中,我們溝通模型都已經完成了,但這些其實還差一個UI,當然你可以自己寫,在將東西串過去,不過我這邊就介紹一個簡易方便的套件,就是Streamlit和...
有系統的交付 UI 設計 在設計師們 UI 時,我們能夠隨時、直接的在 Figma 上看到,UI 的各種 width、padding 數值。雖然自動產生的方便歸...
(圖片來源:DRBARTPM.COM) Mockup 的具象讓人看到更多可能 當然沒那麼簡單定版⋯ 利害關係人們看了 UI Mockup 後,因為近一步推進到實...
終於開始要幹正事 確認完所有事情後(需求、功能、邏輯),設計師會陸續交付前端工程師用來切版的 UI Mockup。Figma 能夠直接產出一個分享連結,在 UI...
補充說明:Prototype 是什麼 Prototype(中文稱:原型)是一種 Demo 想法的工具。能夠有效呈現概念和互動,在專案的前、後期使用最為加分。 如...
(圖片來源:純靠北工程師47c) 通靈能力是工程師必備的嗎 「通靈」這個萬年長談的議題,不管對「工程師」或「設計師」都是心中的痛。 對於工程師,設計師或 PM...
補充說明:Wireframe 是什麼 前一篇提到一個概念「Wireframe」(中文稱:線框圖)是一種常見的設計溝通工具。由 UX 設計師產出(若無專業分工,有...
Figma 是誰 Figma 是一套線上設計軟體,具有即時協作的特性,在 COVID 疫情後普遍被採用。 除了設計師能夠用 Figma 產出 UI(介面)外,隨...
情境 Android 手機,廠商多、機型多、長寬比例也各式各樣,確保 UI 在不同裝置上的一致性是一大挑戰。本文將介紹兩個避免 UI 跑版的重要概念。 Demo...
情境 當團隊的設計師不在,你沒有 Figma 或 Zeplin 等方便的工具,只有一張 設計圖.png,要如何取得設計圖上的色碼,順利完成今天的開發任務呢? 這...
在當今這個數位化的時代,UI/UX設計的重要性日益凸顯,它不僅關乎產品的視覺呈現,更影響著用戶體驗的質量。因此,許多設計新手都積極尋找能快速上手並提升設計效率的...
接著我們來介紹一些UI元件吧! UIView : 功能:UIView 是 iOS 中所有視圖元件的基本類型。它可以容納其他視圖和控件,也可以用來自定義...
大家可以看到我在模擬的機型上面放上很多UI元件,但大家可以用放鬆的心情來看待,因為剛開始學習UI介面不一定要一步就到位,在做出功能的同時,大家可以靠自身的創意...
Kafka UI 是一個open source的 kafka UI 介面工具.主要是可以讓你查看Kakfa內各topic狀態、partition內資料訊息內容....
今天主題 今天的主題是UI testing,討論的是當Postman請求的對象不是API,而是網頁的話,可以針對回傳的內容做哪些測試,舉凡效能(performa...
理論上 UI 要在開發前就設計好,不過我一開始是想到什麼就加什麼功能,完全沒在管設計。 直到 Figma 9月中被 Adobe 併購,這消息出來後才意識到 UI...
雖然 Jetpack Compose 可以從 Android 近乎無痛的用於 Desktop 開發,但實務上 Mobile 平台和 Desktop 環境還是有許...
Compose 除了在架構上有很高的彈性外,在外觀上也給開發者很大的自由。由於 Jetpack Compose 是先針對 Android 作業系統而設計的,因此...
說到底,其實所有應用程式的背後都跟資料有關。而 UI 的功能,就是將資料「呈現」給使用者看,或是讓使用者可以「操作」資料。所以 UI 往往不只是「靜態」的畫面,...
在研究 Compose 元件時,讀者應該有發現,每個元件都有 modifier 這個參數,有時要改變元件的外觀或行為時,就得透過這個參數。但到底 Modifie...
還記得即時通訊軟體(Instant Message,簡稱 IM)出現後,為了在收到訊息時有視覺上的提示,Desktop 上開始出現 Notification U...
在實作 Desktop App 時,有一種很特別的 UI 是 Tray,也就是在功能列上的小圖示。許多 App 會把一些小工具收在 Tray 裡,方便使用者可以...
研究了這麼多 Compose 元件,基本上這些元件不論是在外觀、行為和程式碼上,都與 Android 上相同。不過,畢竟 Desktop 環境跟 Mobile...
今天要講一個點餐障礙讓人感到挫折的悲情故事... 午餐幾乎是上班族間討論度最高的一餐,上班族未解之謎之一就是:午餐吃什麼?(喂~!) 在我公司附近的某家店面,...
在排版 UI 時,有時會想要把元件群組、彼此堆疊,或有時就只是需要一個可以動態撐開的空間。在 Compose 的世界裡,有些排版元件的功能就是協助我們更快的做出...
雖然看了這麼多元件,但在實作 UI 時,通常會組合多個元件,為了讓 UI 清楚、易懂、好看,如何排版元件就變得很重要了!若讀者曾自行把多個元件放在 Window...
在寫 UI 的時候,除了顯示內容給使用者看的元件以外,接收使用者輸入的表單元件也很常見。在前面的筆記裡,已經整理過如 TextFiel、Button 等表單元件...
在與使用者互動的元件裡,Button 佔了很大的比重,用途也很廣泛。今天的耕讀筆記,就來綜覽一下 Compose 提供的 Button 元件,了解這系列的元件各...
不曉得正在閱讀文章的你,上班通勤都是用什麼方式呢?公車?捷運?走路!?(等等,太讓人羨慕了吧!)還是騎車或開車呢? 如果你和我一樣非大眾運輸的話,肯定經常在馬...