Home 設計UI 設計流程中【 Wireframe 線框稿 】是什麼?重要在哪裡咧?#4

設計流程中【 Wireframe 線框稿 】是什麼?重要在哪裡咧?#4

by Yuki Lai

◆線框稿是什麼呢?

產品建構藍圖,用單純的線條或單色色塊去規劃頁面版型,通常需要團隊們討論、共同制定產品的技術規格。

◆線框稿的目的?

呈現產品上主要資訊

呈現資訊頁面上的排版和架構

呈現使用者如何和產品互動

◆線框稿的兩個階段?

發想階段

  • 勁量發想
  • 去蕪存菁

驗證階段

  • 團隊討論
  • 補充修正

◆線框稿的繪製重點?

視覺元素:簡潔有力

  • 單一色系
  • 單一字型
  • 統一字型
  • 不用插圖
  • 簡單圖標

頁面註解:精確而詳細

  • 頁面編號
  • 連結去向
  • 過場特效
  • 狀態變化
  • 介面互動

你可以參考以下其他文章

36 comments

account binance gratuito 10 5 月, 2025 - 6:14 上午

Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

Reply
binance sign up bonus 8 5 月, 2025 - 10:29 下午

Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

Reply
hentaifox 27 4 月, 2025 - 7:31 上午

hentaifox I am truly thankful to the owner of this web site who has shared this fantastic piece of writing at at this place.

Reply
Vtnxfj 23 4 月, 2025 - 5:14 下午

esomeprazole oral – buy esomeprazole 40mg online brand sumatriptan

Reply
Vqjdod 23 4 月, 2025 - 10:40 上午

levaquin 250mg brand – dutasteride online order order generic zantac

Reply
Krxaiu 19 4 月, 2025 - 4:42 下午

order generic warfarin 5mg – buy losartan without prescription generic losartan 50mg

Reply
Xkvany 16 4 月, 2025 - 11:18 上午

buy propranolol pills for sale – methotrexate 5mg uk purchase methotrexate online cheap

Reply
Vjbypp 15 4 月, 2025 - 4:05 上午

motilium 10mg ca – buy cyclobenzaprine medication cyclobenzaprine 15mg pills

Reply
create a binance account 9 4 月, 2025 - 11:45 下午

I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

Reply
Mkgayr 7 4 月, 2025 - 7:58 下午

buy motilium online cheap – how to get motilium without a prescription buy flexeril 15mg without prescription

Reply
Dbrigq 5 4 月, 2025 - 9:11 上午

buy zovirax 400mg generic – acyclovir 800mg generic buy rosuvastatin 10mg online

Reply
Ratzun 30 3 月, 2025 - 2:28 下午

generic misoprostol 200mcg – purchase cytotec online diltiazem medication

Reply
Jxtoqr 28 3 月, 2025 - 10:08 上午

clarinex 5mg ca – purchase dapoxetine without prescription priligy 60mg tablet

Reply
匿名訪客 27 3 月, 2025 - 12:20 下午

Puraburn Great information shared.. really enjoyed reading this post thank you author for sharing this post .. appreciated

Reply
Bjvlil 26 3 月, 2025 - 2:23 下午

buy generic medrol for sale – aristocort buy online triamcinolone usa

Reply
Tech dae 25 3 月, 2025 - 9:44 下午

Tech dae Very well presented. Every quote was awesome and thanks for sharing the content. Keep sharing and keep motivating others.

Reply
Rehuli 20 3 月, 2025 - 10:26 下午

prilosec canada – buy generic omeprazole 20mg atenolol 100mg cheap

Reply
创建免费账户 17 3 月, 2025 - 8:16 下午

Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

Reply
binance konto skapande 15 3 月, 2025 - 3:55 下午

Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

Reply
binance 7 3 月, 2025 - 2:39 上午

Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

Reply
Qlrmmf 5 3 月, 2025 - 8:36 下午

purchasing viagra on the internet – oral cialis overnight delivery for cialis

Reply
Utcrui 4 3 月, 2025 - 10:22 下午

oral tadalafil 20mg – cialis 10mg without prescription viagra for sale

Reply
Fhcqzj 27 2 月, 2025 - 1:07 下午

tizanidine online – buy microzide 25 mg online cheap hydrochlorothiazide 25 mg oral

Reply
Udmggf 24 2 月, 2025 - 10:13 上午

rybelsus 14mg pill – vardenafil 20mg canada buy cyproheptadine online

Reply
Ggfohz 22 2 月, 2025 - 1:25 下午

clavulanate ca – ketoconazole 200 mg oral buy cymbalta generic

Reply
Njwfst 14 2 月, 2025 - 5:34 下午

augmentin online – how to get nizoral without a prescription cymbalta online buy

Reply
Zixjml 13 2 月, 2025 - 11:43 下午

buy generic doxycycline – cost glipizide 5mg order generic glipizide 5mg

Reply
Qyftda 9 2 月, 2025 - 8:58 上午

buy furosemide 40mg online – order betamethasone without prescription3 buy betamethasone 20 gm without prescription

Reply
Wvhjeo 8 2 月, 2025 - 7:28 下午

buy neurontin medication – sporanox where to buy sporanox 100mg tablet

Reply
Rumlau 1 2 月, 2025 - 6:19 上午

generic omnacortil 5mg – order prometrium without prescription buy generic prometrium for sale

Reply
Uiaeva 29 1 月, 2025 - 1:01 下午

zithromax 250mg usa – tinidazole 500mg ca purchase nebivolol online cheap

Reply
Oovuvy 16 1 月, 2025 - 7:40 下午

amoxil buy online – buy generic amoxil over the counter how to buy ipratropium

Reply
Pkpwto 16 1 月, 2025 - 3:57 上午

buy isotretinoin 40mg without prescription – purchase isotretinoin generic linezolid 600 mg sale

Reply
noodlagazine 12 1 月, 2025 - 12:00 下午

Noodlemagazine I truly appreciate your technique of writing a blog. I added it to my bookmark site list and will

Reply
noodmagazine 12 1 月, 2025 - 9:18 上午

Noodlemagazine I appreciate you sharing this blog post. Thanks Again. Cool.

Reply
noodlmagzin 9 1 月, 2025 - 10:40 下午

Noodlemagazine I truly appreciate your technique of writing a blog. I added it to my bookmark site list and will

Reply

留下您的意見&評論