[ Web Design ] Most popular "CSS Reset" recommend

最近忙著學習 HTML5 因此有一陣子沒發文了，今天要跟大家推薦一個名為 "CSS Reset" 的網站，它收錄了目前市面上最受歡迎的 CSS Reset 版本，相信對於網頁及前端 UI 設計師而言都相當有幫助。

[Android App] 隨身手電筒 - MyFlashlight

前陣子設計了一款 Android 的手電筒 App，從介面設計到程式都是由小第一手包辦，哈！最近剛好有空就將它上架到 Google Play，中文名稱為【隨身手電筒】英文則為 "MyFlashlight"，有興趣的朋友還請支持一下小弟的創作囉。

[UX Design] 情感設計 x App Design

「情感設計」一詞早在 2004 年人機互動介面的大師 Don Normal 便針對此議題出版了 Emotional Design 一書中說明了人類情感對於設計的影響，然而今年 Android 的使用者經驗團隊在 Google I/O 大會上解釋了情感因素如何運用於 Mobile App 設計之上，此團隊基於大量的使用者研究歸納出 17 則 Android 應用程式設計原則，其主要可分為三大目標：Enchant me（讓我用了就著迷）、Simplify my life（簡化我的生活）、Make me amazing（賦予我超能力），分類的關係如下：

[創作] 2013設計師週展出作品－風

此件作品名為「風」，為2013年台灣設計師週展出之作品，地點位於台北圓山的花博爭艷館，展出攤位為阿麻的灶腳，阿麻的灶腳主要是以民國60、70年代的意象作為設計主軸，其中展出的作品類型大多為產品與視覺設計，然而「風」為唯的一件互動裝置，以詼諧的方式來詮釋當年灶腳中勤奮煮飯的台灣婦女，原本佈滿裊裊白煙的畫面，當觀眾將煙吹散後，赫然發現背後原來投射的自己的影像，不免讓而想起當年炊煙生火煮飯的樂趣。

[Android] 如何幫自己的App加上廣告

由於最近剛幫自己的Android App放上廣告，藉這個機會這邊跟大家分享一下自己的心得。開始之前，首先你必須為自己註冊一個Google AdMob帳戶並取得SDK，接著我們就可以開始將廣告放入App之中了，Android的廣告其實就是在App的介面中嵌入一個"AdView"，而嵌入的方式除了可以用Java撰寫外亦可透過XML來達到相同目的，在此我要教大家的便是藉由xml的方式來放置Google廣告，既簡單又便利。
 

[Android] App的UI尺寸大小？

最近在設計一款Android app，在開發的過程中Survey了不少相關資料，在這裡將一些UI設計上的心得與大家作分享。在此我主要針對介面的尺寸大小作說明，讓相關設計人員可以快速的了解到應用程式開發時，在UI及ICON尺寸的部份需要如何進行設計。
 

[UX Design] 好用的UX Flow Chart軟體

在App或網站製作階段時，我們常會以"Flow Chart"的方式繪製出其操作流程，目的就是為了讓設計師與工程師能夠合作的更加密切，透過Flow Chart描繪出使用者的操作流程，設計師與工程師可以相互探討介面(user-interface)所需的操作行為、視覺元件、使用技術等…，共同為使用者打造出友善(user friendly)的使用者介面。相信在網路上可以找到一堆Flow Chart的繪製軟體，不過今天我所要推薦的是Google Docs' Drawing software，其主要有三個原因：

• 簡單好用而且完全免費。

• 便利的協作工具，可以追蹤其修改描述並透過e-mail直接回覆。

• 可以連結Google Drive上的檔案(或任何URL)，於繪製中的"節點"，與遠方的合作團隊進行資料的即時更新。

這套是我正在使用的Flow Chart軟體，非常簡潔也相當容易上手，在此向大家推薦，希望你們也會喜歡。