終於開始要幹正事 確認完所有事情後(需求、功能、邏輯),設計師會陸續交付前端工程師用來切版的 UI Mockup。Figma 能夠直接產出一個分享連結,在 UI...
第八天!今天要繼續Figma教學,接下來會先設定好視覺稿尺寸,再依據前面繪製的Wirefame並結合在Day4確定下來的網站風格、用色,忘記的可以回去複習。Da...
到Day5啦!已經到個小段落了,那就再說明一下,這次的挑戰是以我的作品集為範例,分享給大家RWD靜態網站從頭到尾的製作過程,希望過了這30天你也能創造屬於自己的...
Day 9 - Figma 繪製精美 Mockup (二) 每日一談 嗨! 大家好,我是阿蘇又是新的一天開始了,今天是Day 9來繼續昨天的分享,今天主要是...
Day 8 - Figma 繪製精美 Mockup (一) 每日一談 嗨,大家好 ! 我是阿蘇今天是Day7 我們即將進入設計階段,這邊一樣也是使用 F...
規劃設計完 Wireflow 產出關鍵藍圖規格稿之後,基本上已經完成了整個產品的骨架。接著就是要根據 UX Persona 的輸入,以此目標族群會喜愛的視覺風格...
本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...
之前在規劃雛型,都會用「真實感」的系統雛型期待客戶會被自己「以假換真」騙過去... 所以都會很追求版面的視覺爽度及效果,所以花很多時間在對齊、元件、很炫的效果...
就算是切版也是很講技巧的 配圖和內文無關,只是我今天畫的萬聖應景圖而已... 前幾天的分享裡有聊到,前端的工作並不僅僅是切版而已,整個web的呈現部分都可以廣...