技術 建構函式

使用 JavaScript 建構式寫法，可以先建立一個範本，接下來新增的物件都會依據此範本作為延伸。 例 function Dog(name, color...

技術 Day 29. Hi-Fi Prototype－以 Figma 製作高精度原型 (下)

由於 Figma 的核心是 GUI 設計工具，附帶原型製作能力，所以一般來說我們都會使用它來進行高精度原型設計，說到這裡，你會不會想問，有高精度，那是不是也有低...

技術 Day 28. Hi-Fi Prototype－以 Figma 製作高精度原型 (上)

終於，我們要進入 UX/UI 設計中的最後一個流程－ 高精度原型 Hi-Fi Prototype，這也是交付所有能夠設計的細節，給工程師進入開發前的最後一個階段...

技術 Day7. 使用 Whimsical 繪製低精度 Wireframe

製作低精度原型時，紙、筆、及便利貼是相當方便的工具，但許多人是手繪苦手，畫出來的線歪歪斜斜，實在很難專注在原型構建上。用紙、筆、便利貼的好處是不用花太多心思在工...

技術 Day6. 常見原型種類及製作方式

建立原型要點 根據 Google Glass 案例裡提到的經驗總結，製作低精度原型目的是為了及早失敗、及早學習。 案例中提到三個要點供我們參考： (1) 找出最...

技術 Day5. 及早失敗，從中學習- 低精度原型

試想當你有了一個絕佳的 idea，如何驗証這個概念可不可行、夠不夠好呢？設計師常用的方法，是製做一個低精度原型，盡快試錯調整。 Google 於 TED 分享了...

技術 JS 屬性列舉與原型的關係 DAY70

屬性列舉與原型的關係自訂原型 與 原生原型 最大的不同是在可列舉(enumerable)的部分原生原型enumberable : false;自訂原型enumb...

技術 JS 原始型別的包裹物件與原型的關聯 DAY67

var b = new String('abcdef'); // 這裡 String 為建構函式 console.log(b); console.dir(Str...

技術 JS 原型(prototype) DAY66

原型物件會有自己的屬性原型也是實體可以繼承原型，原型也可以繼承原型所以繼承可以一段一段向上繼承，這種繼承方式稱為原型練 一個原型新增兩個實體這兩個實體會共用原型...

技術 Friday – Validation用戶測試

來到衝刺計畫的最後一個階段 - 給用戶測試。 ① 找五個人測試原型: 作者說跟五個人訪問後，就可以觀察到85%的問題，不曉得這數字怎麼來的…。 ② 要有一個舒...

技術 Thursday – Prototype製作原型

原型就是要做出外牆，做到90%的真實，並真實到可以測試。 首先，製作原型有兩個重要的心態: ① 原型心態你花在某件東西(無論它是原型或是真實的產品)上的時間越久...

技術 Day07_2 : 版型設計

什麼叫笨蛋，我就是笨蛋，不小心按了發送所以要多寫一篇在我們開始講解版型之前先大概分享我個人在做網頁版型的步驟那如果你不是設計師的話其實可以跳過今天XD 1....