在開始討論Wireframe之前，我們先來定義一下Wirefram究竟是什麼；在工作流程中，通常將Wireframe當作開發前的規格文件，它的目的是用來和業主或者夥伴們溝通，這份所謂的”框線圖”就是一種技術文檔，以建築、室內設計或工業設計的角度來看就是產品藍圖，從網站或軟體應用角度看較類似使用流程圖，必須將每個畫面的使用情況、資料架構、流程都規範下來，才能方便進行之後的任務進行，讓專案開發團隊確認整個開發內容的規格，依照難易評估所需的時間，方能制定開發時程，跟客戶共享這份文件，也較能獲得信賴，以及保障開發者的工作項目內容。
閱讀全文 [互動設計]從繪製Wireframe到UI/UX前準備
互動設計又稱為”交互”設計，言下之意是定義行為方式的一種設計方法，只是它的應用範疇是基於人工產品回饋反應的介面，英文縮寫是IxD或者IaD(Interaction Design)，經常會跟使用者體驗(User Experience Design，簡稱UX Design)產生混淆，使用者體驗其實是互動設計上的一個環節而已，雖說非必要但又相對重要，可以用來分析和探討設計價值。而早在1989年Gillian Crampton-Smith就已經在倫敦皇家藝術學院建立了一個名為”SoftFace”的電腦相關設計的碩士學位教育，這就是互動設計的前身，而後展開了全球後續的相關設計教育。近代數位媒體如此發達的情況下，也延伸到各種設計領域中，從平面到立體藝術、空間、人際、人機；抽象到具象的廣告、產品、工商業設計之類的應用，這當中任何元素也都有可能是其中的一環，例如：影像、圖形、聲音…等等，可以說是無所不在。
閱讀全文 [互動設計]什麼是互動設計-淺談互動
有自己的部落格，當然也要裝飾得更個性化一點，如果同時在覽器同一個視窗開很多個頁籤，那每個網頁能看到的就只剩網頁圖示了，這時候網頁圖示就非常重要阿，一起來看看要怎麼把自己的Wordpress圖示改成自己的代表圖吧~
閱讀全文 在WordPress設定自己的Favicon瀏覽器網址列上的icon圖示
最近常常會用到的google字型，先記錄下來，之後再整理~
閱讀全文 網頁一定要用的google中文字型
現在大家都用手機開網頁，「聯絡我們」的欄位如果可以按下就直接發話對使用者來說是比較方便的操作方法，作法很簡單，來看看吧~
閱讀全文 手機版網頁一按撥號 | RWD Mobile Website Click to Call
這組Dyson V6 baby+child手持式吸塵器已經買好久了，實在是太實用了，來補一下當初開箱的情況。
因為家裡有養貓，所以一直希望有一台輕便的吸塵器，試用了很多吸塵器，處理毛髮的方式好像都不太適用，集塵袋很容易被貓毛卡住，不容易清理。看到電視上廣告Dyson V6 baby+child手持式吸塵器，當下就超級心動，趁著一次特價就趕快買啦~
閱讀全文 【開箱】Dyson V6 baby+child手持式吸塵器
前面三篇已經將Anima2D主要的功能介紹完畢，這邊就來補充一下製作這類動畫會常常用到的一些程式腳本的做法，例如視差無接縫循環背景..之類的，正好Anima2D裡面也有DEMO這些功能，本篇就簡單的介紹一下。
閱讀全文 UNITY x Anima2D(四){補充：無縫背景循環}
本系列上一篇已經講到如何做出環景的幾個方法，那經常會看到類似GoogleMap的街景導覽移動又是怎麼達成的呢？現在就來看看吧。
閱讀全文 UNITY VR應用(二){360°環景移動導覽-CardboardGVR}
Jon的膚質算是中性偏乾，沐浴用品很難選，這次有機會認識了手工皂的新品牌「薌澤手工皂」，記錄一下使用的狀況吧~
閱讀全文 【體驗】漢方中藥手工皂，薌澤手工皂
在部落格嵌入Google Adsense之後，在達到可以領款的金額之前還有一件事要做，那就是「Google Adsense 地址(PIN 碼) 驗證」，驗證的方式是寄”紙本明信片”到登記的地址(不是不怕有人用人頭帳戶呢？)
閱讀全文 Google Adsense 地址(PIN 碼) 驗證流程，避免停止顯示廣告