關於 線框稿 ，我們在網路上蒐集到這些相關的討論、資訊與評價

#11. 線框稿(Wireframe)與原型(Prototype)的運用 - Wix.com

線框稿 (Wireframe). 需要將專案視覺化，且須釐清頁面項目、配置定位與排版、頁面相關性等， ...

#12. 作業成果- Wirefrme 線框稿- Hahow 好學校

UX 設計/研究全攻略: 給新手的職場通識課 第3 章，作業2 - 動手繪出Wireframe 線框稿！ yuki 的作品. 作品封面. Wirefrme 線框稿. 作者 yuki.

#13. 建立正確的wireframe知識，朝UI/UX設計人才邁進 - Glints

wireframe線框稿是一種低擬真度的產品設計呈現方式，排除所有會影響視覺判斷的元素，如：字型、顏色、設計、內容，只保留頁面排版架構與功能。

#14. 12個專業UX設計師的經典線框範例 - 聯成電腦

在設計過程的最初階段，很多時候我們可能會忽略線稿，直接選擇字體和上色。 ... 作者Kristin Hillery從Dribbble收集了一些喜歡的線框範例，以展示它們 ...

#15. 【網站版面設計】什麽是網站架構圖和線框稿Wireframe？

在設計網站的初期，很多時候網站設計公司都會在商談初期提供網站架構圖和線框稿（Wireframe）。這兩項文件其實除了對設計公司有用之外，對於商家以後需要更新或者修改 ...

#16. 聊聊线框稿、视觉稿与原型的区别 - 人人都是产品经理

聊聊线框稿、视觉稿与原型的区别. 小红帽 7年前. 关注. 我和群里设计师聊，发现Prototype、Wireframe、Mockup 因为翻译有时候皆统称为原型」的关系，导致大混淆，所以 ...

#17. 用戶體驗設計和線框工具 - Visual Paradigm

用於有效用戶體驗設計的UX 工具。用線框繪製簡潔、美觀的屏幕模型，並以故事板呈現線框。 ... 您也可以查看我們的高保真視覺稿工具以了解如何進行高保真UI 設計）.

#18. [ Figma ] WIREFRAME線框圖練習 - YouTube

http://jinjin.mepopedia.com/~jinjin/ui/ui-05.html.

#19. 使用線框範本來設計網站和行動裝置App - Microsoft 支援服務

線框 是應用程式使用者介面的一種詳細視覺模型，作用類似功能和內容藍圖。 這些網站和行動裝置線框範本很適合用來草擬低逼真的設計稿，以呈現設計構想、達成團隊共識，並為 ...

#20. ui線框圖 - 淘寶

Axure原型圖源文件UI/UX交互設計案例元件庫產品經理線框圖RP格式 ... 手機移動端APP低保真線框圖原型圖線稿UI界面PSD分層設計素材模板.

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

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

#22. 9款免費線框圖繪製工具- 部落格- internet、app - ez2o Studio

(資料來源︰ jamesstark ) 繼先前跟大家分享的網站企劃必懂─線框圖(wireframe) ，至於繪製框線圖的工具隨意搜尋一下就可以找到好幾款， ...

#23. 【網站版面設計】什麽是網站架構圖和線框稿Wireframe？ | 文章

在設計網站的初期，很多時候網站設計公司都會在商談初期提供網站架構圖和線框稿（Wireframe）。這兩項文件其實除了對設計公司有用之外，對於商家以後需要更新或者修改 ...

#24. 網頁工具線框稿- Che-Lin Chan 詹喆麟 - Dribbble

網頁工具線框稿designed by Che-Lin Chan 詹喆麟. Connect with them on Dribbble; the global community for designers and creative professionals.

#25. 網頁設計的前置作業— 認識Wireframe（2021最新）

我們可以利用簡單的框線繪製Wireframe，並專注在網站的功能以及操作上，繪製Wireframe 的方式有很多種，市面上有 ... UI設計師-線框稿(Wireframe)【 HI;MYDREAM】。

#26. 為什麼要畫APP Wireframe線框圖？- 傑克大俠設計有限公司

繪製APP線框圖有助於提高設計效率、便於溝通和協作、易於修改和迭代。在繪製線框圖之前，您需要充分瞭解需求和目標、研究競爭對手、決定工具和技術。

#27. 五步驟拆解UI 設計流程，詳解Flow chart 跟UI flow 的差異

UI 設計流程第四步：線框稿（Wireframe）. 線框稿是產品的基本雛形，呈現出產品的主要內容與排版架構，會用來與團隊討論並確認是否真正為客戶需要的 ...

#28. 大學生的UI 設計選修課（9）練習畫Wireframe 的方法

Wirefrme 線框稿，如果以為就是一堆線和框而已，那和你合作的工程師會非常崩潰。 可以參考這篇超舊的舊文：什麼是Wireframe？ 這裡只提「要怎麼練習 ...

#29. 线框编辑器功能 - NinjaMock

审稿人 - 权限最少的角色是审阅者。 正如名称所解释的那样，他们可以查看项目并对其进行评论，但无法在项目中进行设计并更改模型。 此外， ...

#30. Wireframe、Mockup 、Prototype係咩？| 同整網站有咩關係？

Paper Wireframe（手繪稿）、Digital Wireframe（電子線框稿）又有咩唔同？ 當UI/UX設計師想快速記錄設計靈感時，就會運用到Paper Wireframe（手繪稿）， ...

#31. Sitemap/Wireframe是什麼？Prototype可以怎麼做？ - 版塊設計

介面的線框稿，稱為Wireframe，使用簡單的灰階、線條、符號或框線，來表達網頁的排版架構。 主要是在網站規劃過程中跟對方確認網站的資訊內容多寡以及 ...

#32. 190 个Icon_线框（线稿，剪影，单色） 点子 - Pinterest

2018-6-14 - 本板pinicon线稿，线框。用于学习临摹和设计参考。这些icon去掉色彩的光辉，更加注重形状的刻画，能锻炼造型的能力和审美的提升。好比美女的曲线身材...

#33. 產品設計流程

UX相關研究與資料搜集 · Function Map 功能地圖/ 心智圖 · UI Flow 介面流程圖 · Wireframe 線框稿 · Mockup 視覺稿 · Prototype 原型 · HTML 產品實作開發 ...

#34. 野薑設計- 線框稿和視覺稿有什麼不同？ 讓我由Tofutype 示範...

線框稿 和視覺稿有什麼不同？ 讓我由Tofutype 示範圖中左邊，可以看到線框稿幾乎是灰白，只有少數重點上色，這階段注重文案和排版先搞定文案、排版、流程，沒有顏色之下 ...

#35. 印刷作稿注意事項-線框篇 - 建明印刷

軟體敬請使用CorelDRAW、Photoshop、Freehand、Illustrator。因字型問題，所以請勿使用排版軟體製作。 線框製作注意事項. 輸入或自繪之圖 ...

#36. [網站規劃wireframe(筆記)] - HackMD

Wireframe 稱為線框圖:功能導向的簡要設計 ... 下一步就是直接交由工程師根據視覺稿進行開發，所以在Mockup 階段和最終產品的樣貌會完全一致，只差在這邊 只有單純的 ...

#37. wireframe n. 線框稿 - 英文字典

wireframe. n. 線框稿 【中文解釋】 n. 名詞. 線框稿. ← wiredrew · ⤒ · wiregrass → · wipeout n. 全部覆滅, 倒台 wiper n. 擦拭的人, 抹布, 汽車雨刷

#38. UI設計師– wireframe是什麼？ | HI - HIMYDREAM ｜親子旅遊

UI設計師在做線框稿說直接一點,有點像是我們在素描時還沒有上色紙畫出輪廓的草圖，以方便之後上色完整描繪的草稿。 線框就是框架，信息層次的結構，演示 ...

#39. Mockup與Prototype的差異？來看看完整的產品UI設計流程

什麼是合理的設計流程？ · 階段0. 需求溝通 · 階段1. Wireframe 線框圖 · 階段2. Mockup 視覺稿 · 階段3. Prototype 原型 · 階段4. 測試階段 ...

#40. UI/UX是什麼？分享UI/UX設計比較、UI/UX流程5步驟- Welly SEO

線框稿 Wireframe是利用呈現主要的內容與基本排版，進行架構的確認，像是是否 ... 在製作出原型Prototype前，會先請UI設計師設計Mockup視覺設計稿，也 ...

#41. 十個方法讓你的線框原型更具溝通能力 - 設計之家

這種線框稿確實能比較清晰的描述出頁面元素的布局方式，但也僅此而已。它所缺少的是與其他設計師、開發人員以及被測用戶之間的溝通能力。

#42. 科技部補助專題研究計畫成果報告期末報告 - 政治大學

產品的視覺效果及感受，其視覺外觀及互動效果可稱之為可點擊式線框稿（Clickable. Wirefram）（Treder, 2014）。Mi-fi階段已使用數位工具產出原型，建置成本較Lo-fi ...

#43. 術語小科普！聊聊線框稿、視覺稿與原型的區別 - 每日頭條

聊聊線框稿、視覺稿與原型的區別. 2015-05-25 由 優秀網頁設計 發表. @Akane_Lee：我和群里設計師聊，發現Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱 ...

#44. Figma 教學：讓技術開發人員都能輕鬆實作畫面設計 - AppCoda

設計線框圖是UI/UX 設計過程的第一步，設計成果通常是使用灰色、黑色、和白色 ... 將這個色彩主題套用到線框稿之後，畫面設計看起來好多了，不再是灰 ...

#45. 什麼是企劃階段? - ESTIGINTO | 造物者科技

需求分析: 需求訪談、使用者情境/行為描述(User Story) 文件。 流程設計: UI/UX 設計文件、頁面線框稿(Wireframe)、頁面流程表(UI Flow)。 系統架構: ...

#46. 線框圖 - Acadeck

線框 圖(Wireframe), design thinking. ... 線框圖（Wireframes） 除去各種視覺影響的複雜元素，只用簡單的線條、方框和灰階色彩來繪製，將看到的人專注在該模型的功能 ...

#47. 給產品經理的UX設計指南：5. 如何繪製產品的線框和原型

很多時候，一個模型是一個視覺設計稿，甚至是實際的視覺設計。一個很好創建的模型：. 代表信息結構，可視化內容，並以靜態方式展示基本功能; 鼓勵人們實際 ...

#48. Wireframe 中文

Wireframe (線框稿)主要目的是溝通網頁的架構、內容、功能、行為、資訊階層，會用非常簡單的灰階顏色、線條、符號或框線，來表達網頁的排版架構。

#49. 網站企劃｜創造智能科技｜台北市 - 104人力銀行

台北市內湖區- 工作內容： 負貴管理產品開發專案之流程（前置線框稿、開發項目整理、測試驗收、上線維運等） 包含1....。薪資：待遇面議（經常性薪資達4萬元或以上）。

#50. 設計開發- 野薑設計GingerDesign

線框稿 讓網站的輪廓更為具體，也適合邀請長官參與工作坊，有助於對焦想法。範例如下：. wireframe 線框稿工作坊. wireframe 工作坊| 線框稿工作坊.

#51. 簡單線框圖片PNG去背圖| 矢量圖案素材| 免费下载 - Pngtree

簡單線框圖片素材. 篩選. 簡單線框模板簡單線框剪貼畫簡單線框向量圖簡單簡單框簡單框圖標文字框簡單簡單線稿框簡單簡單對話框簡單圖框簡單線簡單圓框.

#52. 海棠設計Begonia Design - 商業思維的UX/UI設計顧問團隊 ...

... 流程規劃（Flow Chart／UI Flow）; 線框稿製作（Wireframe）; 低擬真原型製作（Prototype）; 設計準則設定（UI Guideline）; 易用性測試（Usability Test）.

#53. 【2022 平面設計師轉職UI 設計師】免費送UIUX新手教學（上）

因為wireframe 是線框稿，在進行溝通討論可更專注於介面功能、資訊架構、操作流程、頁面內容及使用者體驗的討論，避免視覺設計的干擾，所以強烈建議 ...

#54. 线框图片素材 - 图精灵

图精灵为您提供精品线框图片素材，线框PNG及PSD格式图片，更高效快速找到您需要的设计图片，下载线框图片就到图精灵。

#55. 介面視覺設計人員職能基準

【註5】與線框稿（wireframe）【註6】。 K04 產業專業用語. K05 著作權法. K07 美學概念. K08 色彩學. K09 功能規格書概念.

#56. 課程資訊»112-超直覺UI介面設計培訓班 - 德鍵職業訓練中心

產品設計流程. 常見開發產品流程與IA資訊架構. Flow Chart系統流程與UI flow差異比較線框稿（Wireframe）設計概念與溝通設計人員常見職安衛規範 ...

#57. UI UX是什麼？5分鐘輕鬆了解UI和UX用戶體驗設計

UI 設計流程是怎樣的？ 1. Functional Map; 2. Flow chart; 3. UI flow; 4. 線框稿(Wireframe); 5. 視覺精稿 ...

#58. 並藉此填滿空間。⁣ ⁣ Lorem ipsum原來起源於西賽羅《善惡之 ...

Wireframe 線框稿⁣ ⁣ 去除了視覺設計元素和細節，視覺化地展現整體頁面結構、排版 ... Prototype 原型⁣ 比起Wireframe(線框稿)，Prototype通常在設計後期使用，展現和 ...

#59. 服務項目- 靛青數位

... 流程規劃（Flow Chart／UI Flow）; 線框稿製作（Wireframe）; 低擬真原型製作（Prototype）; 設計準則設定（UI Guideline）; 易用性測試（Usability Test）.

#60. 張景媛| CakeResume

建立資訊架構、參與用戶訪談、梳理使用者流程、線框稿，建立設計系統。 - 產出UI flow，及Prototype 以進行演示。 - 進行易用性測試等UX 方法，質化及量化分析，以 ...

#61. UI/UX 用戶介面/體驗設計 - MMI

在這裡，對項目創意進行試駕並對其工作行為進行評估. 產出包括: 線框稿. 原型稿. Mock-Up. 5. 設計. 這個階段將所有經過驗證的想法融合到滿足所有用戶需求和業務目標的 ...

#62. 香港| Google Career Certificates | UX Design - Grow with Google

透過由Google 設計的專業證書，投身快速增長的用戶體驗(UX) 設計領域。學習用戶體驗設計基礎知識，包括與用戶同情共感、建立線框稿和原型，及進行研究以測試您的設計。

#63. 如何在Illustrator 檢視圖稿

若要在「導覽器」面板中將文件的虛線顯示為實線，請從面板選單中選取「面板選項」，然後再選取「以實線的方式繪製虛線」。 以外框預視圖稿. 在預設情況下 ...

#64. UI/UX與前端設計師前端都應了解的RWD網站設計流程 - 達內教育

線框稿 會以簡單的草稿圖，以低擬真度的方式呈現網頁上的主要資訊、排版與架構，以及如何與使用者互動等。通常設計師會使用Balsamiq 提供的Wireframe 工具 ...

#65. 我們決定開始開發給店家的POS 系統 - Should Wang

資訊架構與線框稿確認. 透過討論確認初步的需求之後，與UX Designer 討論基本的flow 還有每個頁面必須要有的資訊架構。基本完善後，便開始初次的wireframe 繪製，同 ...

#66. 定義使用者與利害關係人 - nat.gov.tw

以新版報稅服務為例，使用者經驗(UX)設計專家依據第二次工作坊結論，產出相對應的紙上原型進行初步調整，並描繪出網路報稅系統介面線框稿(如下圖)。再於第三次工作坊時，以 ...

#67. 介面設計- 優惠推薦- 2023年5月| 蝦皮購物台灣

平面素材模板 APP界面/UI设计素材 UI03高保真线框APP界面UIUX套件iOSAndroid应用程序设计素材 ... APP界面原型圖設計手機移動端交互線稿UI高保真圖線框XD素材H051.

#68. 介面設計師轉職之路| YOTTA友讀

盯著螢幕畫設計稿、著重視覺與美感，創造讓心情愉悅的畫面相關工作才是UI ... 線框稿. 其實就是設計草稿，只是在產品設計上為了更擬真，一般指的線框 ...

#69. 知道這10點，你纔是真正會畫線框圖 - 台部落

在讓UI設計師產出高保真設計稿之前，產品經理需要繪製線框圖，來向UI設計師傳遞網站佈局結構、產品內容、信息化層次、界面功能、用戶行爲等信息。

#70. 让你的线框更具沟通能力 - My Secret Rainbow

这种线框稿确实能比较清晰的描述出页面元素的布局方式，但也仅此而已。它所缺少的是与其他设计师、开发人员以及被测用户之间的沟通能力。

#71. 线框原型(线框图)的本质及实践应用概述| Be For Web - 为网而生

通过本文，我们可以大致了解线框原型(线框图)的概念和本质、以及它在实际项目中的重要作用。线框原型是纯粹的功能与信息的示意图，它不是视觉设计稿， ...

#72. 摒弃线框图，直奔高保真？听听大厂设计师怎么说 - Pixso

交互稿主要有两种做法，高保真原型和线框图交互稿。到底哪一种交互稿更能清晰准确地向我们的设计师和开发展示产品框架和内容呢？我们都知道线框图可以在项目初期帮助 ...

#73. 線上課程 - 台灣大學資訊系統訓練班

單元五：設計方法・開發流程與用戶畫像・功能地圖、流程圖與線框稿 單元六：設計實戰・網頁設計・APP設計・旅程地圖&Redesign 單元七：最後補充・快捷鍵・設計交付・ ...

#74. 【 設計核心技－實戰工作坊】 向總監學習最紮實的核心技術！

➀ 互聯網必備UIUX能力成為UI/UX設計師前必懂的Wireframe 線框稿 時間：1/26 (二) 19:00-22:00. ➁ 零基礎UI 設計－網頁UI設計與製作總監手把手教你教 ...

#75. 這個畫線稿很可愛畫出來很滿意Balsamiq 設計圖、流程圖軟體 ...

Balsamiq Balsamiq作為線框工具開始流行起來，主要是因為用Balsamiq做出來的原型帶有手繪風格，一看就能明白線框圖並不是一個成品，而是中間品。

#76. Moqups HTML5 網設必備的線框圖，線上即時設計工具 - 梅問題

而以前梅干都會用Illustrator來繪製網頁的框架圖，雖然說都只是線稿，但有時在繪製或調整時，還是挺時間的，再加上當設計好的框架圖，也無法立即分享 ...

#77. [筆記] UI 設計入門：畫出有程式邏輯的設計稿– 1

Research：了解產品相關知識和概觀; Synthesis & Ideation：探索使用者真正的痛點; Prototyping & Design：線框稿、介面流程、原型設計、視覺設計 ...

#78. Blender 算模型線框 - No one is perfect. - 痞客邦

在3D場景建立一個模型作為範例勾選口Freestyle 把口Edge Mark 打勾， 原先其他Sillhouette、Border、Crease 取消勾選切到.

#79. 從Adobe XD 入門網頁設計 - Udemy

練習自己做一套網頁的Wireframe 線框稿. 知道怎麼運用數位工具，找到適合專案的圖庫、字體、插圖⋯，等等. 快速上手Adobe XD 軟體操作. 學習過程中有問題隨時討論.

#80. UI/UX 設計是什麼？熱門職涯大解密！ - 學米

透過功能地圖接著確認流程間的串聯，再依產品前期收到的資料分析進行詳細研究及探討的流程圖(UI flow)。在擬定操作邏輯後，由UI設計師畫出線框稿( ...

#81. 涨姿势！聊聊线框图、原型和视觉稿的区别 - 优设

他们以为线框图（Wireframe）、原型（Prototype）和视觉稿（Mockup）是一个东西：表达自己创意的线框手绘设计稿。混淆概念便带来麻烦：他们分不清用户 ...

#82. 线框线稿包装设计产品工业素材免费下载(图片编号:5237928)

六图网提供精美好看的产品工业素材模板下载，本次产品工业作品主题是线框线稿包装设计，编号是5237928，格式是ai ，建议使用Adobe Illustrator软件打开， 该线框线稿 ...

#83. IoT智慧系統的用戶界面設計流程／Siyi Wu

測試後的問題回到線框稿修改，不斷反覆測試，直到使用者能輕鬆快速的透過介面完成任務。 精描稿. 線框稿大致底定後，即可著手訂定設計規範，內容包括版面 ...

#84. 五個常用的網站與介面設計軟體及工具

整合線框稿、設計原型功能，與多種設計軟體有良好的整合。 Zeplin. Zeplin 的主要是協助設計師在設計完成後，切圖與移交(hand-off) 給工程師 ...

#85. 线框图、原型、视觉稿需要分这么清楚？ - 简书

不能不说涨姿势了，原来只知道视觉稿和线框原型不是一回事，如今才发现还有把线框图和原型也分这么清楚的。 请先阅读参考文献：《涨姿势！

#86. 画线框不再愁- 23个优秀线框原型图示例给您灵感 - 摹客

线框图. 如何在产品初始阶段以最快的方式展示设计思路？我想大多数的UX/UI设计人员都会倾向于快速构建一个线框原型图。这的确是一个非常明智的选择。

#87. UI / UX使用者介面(111秋) - 國立清華大學推廣教育中心

WireFrame線框稿製作. □第5週－11/30（三）：. Mockup精稿設計1. □第6週－12/07（三）：. Mockup精稿設計2|Prototype互動設計1. □第7週－12/14（三）：.

#88. UI / UX 專有名詞和工作流程｜方格子vocus

User Story ：使用者需求/ 用戶故事。 · Functional Map：功能架構規劃。 · Flow Chart：流程圖。 · UI Flow：介面流程。 · Wireframe：畫面線框稿。 · Mockup ...

#89. 【UI/UX是什麼？】5分鐘輕鬆了解UI和UX設計 - Freehunter

UI設計流程是怎樣的？ · 1. Functional Map · 2. Flow chart · 3. UI flow · 4. 線框稿（Wireframe） · 5. 視覺精稿（Mockup） · 6. 原型（Prototype）.

#90. 十个方法，让你的线框原型更具沟通能力 - 北京网站建设

这种线框稿确实能比较清晰的描述出页面元素的布局方式，但也仅此而已。它所缺少的是与其他设计师、开发人员以及被测用户之间的沟通能力。

#91. 建筑网站线框Figma原型稿模板 - 魔棒网

建筑网站线框Figma原型稿模板由魔棒网为您提供Figma格式，下载源文件即可自行编辑修改源文件里的文字和图片，更多有关网页UI、移动界面、主界面图片 ...

#92. 原型設計法

互動式線框稿(或稱可點擊式線框稿Clickable Wireframe) 有時候，設計師希望提高線框稿的擬真度、強調介面設計的某些部分或讓使用者更快理解以利進行測試， ...

#93. 2021學年網站規劃專案實習心得 - 網絡行動科技

... 釐清與記錄客戶需求開始，撰寫網站建置規劃書，以軟體繪製線框稿( Wireframe ) 建立網站藍圖，作為雙方在前端版面配置與功能呈現上的確認依據， ...

#94. 1.APP 的UI/UX 2.物件導向安防偵測系統3.智慧城市基礎建設

UX/UI 文件. 1. 企劃書. 2. 規格書Functional Map a. Flow Chart b. UI Flow. 3. 線框稿(Wireframe). 4. 視覺搞(Mockup ). 5. 原型(Prototype) ...

#95. 免费用于Figma的低保真Lo-Fi线框套件-figma精选社区资源推荐

今天给大家介绍一个免费的社区资源，是一个低保证原型线框的uikit 套件，适用于构建原型图。作者是戴夫·惠特利（Dave Whitley） 免费用于Figma的低保 ...

#96. 搞懂網站的規劃流程, 讓你與前端工程師溝通更順利!

線框稿 會以簡單的草稿圖，以低擬真度的方式呈現網頁上的主要資訊、排版與架構，以及如何與使用者互動等。通常設計師會使用Balsamiq 提供的Wireframe 工具 ...

#97. 插圖素材: 網站模板，線框，模型（PC瀏覽器/智能手機） - PIXTA

網站模板，線框，模型（PC瀏覽器/智能手機）-插圖素材(No.67046883)。您可在PIXTA上購買和銷售免權利金圖片、插圖和影片。PIXTA上有著82500000張以上的高品質、低價格 ...

#98. 為什麼畫線框圖前應該先畫草圖？ - 用戶經驗資料庫

在這種情況下，你一是會在畫線框圖時構造你的概念，一是就在做視覺稿時改進它。這是適得其反的，因為畫草圖是為了構造概念而做，畫線框圖是為了改進該概念 ...