iT邦幫忙

mockup相關文章
共有 9 則文章
鐵人賽 IT技術 DAY 23
新手前端日記 系列 第 23

技術 [新手前端]拿到視覺出的mockup,開始要切版了

就算是切版也是很講技巧的 配圖和內文無關,只是我今天畫的萬聖應景圖而已... 前幾天的分享裡有聊到,前端的工作並不僅僅是切版而已,整個web的呈現部分都可以廣...

鐵人賽 自我挑戰組 DAY 7

技術 【Day 07】設計流程:繪製 Mockup 設計精稿之前 ( 網格系統+原子設計 )

本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...

鐵人賽 Modern Web DAY 17

技術 Day 17. UX/UI 設計流程之五:GUI Design (上)

規劃設計完 Wireflow 產出關鍵藍圖規格稿之後,基本上已經完成了整個產品的骨架。接著就是要根據 UX Persona 的輸入,以此目標族群會喜愛的視覺風格...

鐵人賽 IT人生 DAY 16

技術 Wireframe, Mockup and Prototype

之前在規劃雛型,都會用「真實感」的系統雛型期待客戶會被自己「以假換真」騙過去... 所以都會很追求版面的視覺爽度及效果,所以花很多時間在對齊、元件、很炫的效果...

鐵人賽 Modern Web DAY 9

技術 Day 9 - Figma 繪製精美 Mockup (二)

Day 9 - Figma 繪製精美 Mockup (二) 每日一談 嗨! 大家好,我是阿蘇又是新的一天開始了,今天是Day 9來繼續昨天的分享,今天主要是...

鐵人賽 Modern Web DAY 8

技術 Day 8 - Figma 繪製精美 Mockup (一)

Day 8 - Figma 繪製精美 Mockup (一) 每日一談 嗨,大家好 ! 我是阿蘇今天是Day7 我們即將進入設計階段,這邊一樣也是使用 F...

鐵人賽 SideProject30 DAY 8

技術 Day8. Figma(3) 製作Mockup視覺稿

第八天!今天要繼續Figma教學,接下來會先設定好視覺稿尺寸,再依據前面繪製的Wirefame並結合在Day4確定下來的網站風格、用色,忘記的可以回去複習。Da...

鐵人賽 IT 管理 DAY 9

技術 [Day9-討論階段] 需求定版!UI Mockup 是專案啟動的訊號 📡

終於開始要幹正事 確認完所有事情後(需求、功能、邏輯),設計師會陸續交付前端工程師用來切版的 UI Mockup。Figma 能夠直接產出一個分享連結,在 UI...

鐵人賽 SideProject30 DAY 5

技術 Day5. 網頁UI設計-Wireframe線框稿

到Day5啦!已經到個小段落了,那就再說明一下,這次的挑戰是以我的作品集為範例,分享給大家RWD靜態網站從頭到尾的製作過程,希望過了這30天你也能創造屬於自己的...