2013年9月29日 星期日
[創作] 2013設計師週展出作品-風
此件作品名為「風」,為2013年台灣設計師週展出之作品,地點位於台北圓山的花博爭艷館,展出攤位為阿麻的灶腳,阿麻的灶腳主要是以民國60、70年代的意象作為設計主軸,其中展出的作品類型大多為產品與視覺設計,然而「風」為唯的一件互動裝置,以詼諧的方式來詮釋當年灶腳中勤奮煮飯的台灣婦女,原本佈滿裊裊白煙的畫面,當觀眾將煙吹散後,赫然發現背後原來投射的自己的影像,不免讓而想起當年炊煙生火煮飯的樂趣。
2013年9月23日 星期一
[Android] 如何幫自己的App加上廣告
由於最近剛幫自己的Android App放上廣告,藉這個機會這邊跟大家分享一下自己的心得。開始之前,首先你必須為自己註冊一個Google AdMob帳戶並取得SDK,接著我們就可以開始將廣告放入App之中了,Android的廣告其實就是在App的介面中嵌入一個"AdView",而嵌入的方式除了可以用Java撰寫外亦可透過XML來達到相同目的,在此我要教大家的便是藉由xml的方式來放置Google廣告,既簡單又便利。
2013年9月15日 星期日
[Android] App的UI尺寸大小?
最近在設計一款Android app,在開發的過程中Survey了不少相關資料,在這裡將一些UI設計上的心得與大家作分享。在此我主要針對介面的尺寸大小作說明,讓相關設計人員可以快速的了解到應用程式開發時,在UI及ICON尺寸的部份需要如何進行設計。
2013年9月9日 星期一
[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軟體,非常簡潔也相當容易上手,在此向大家推薦,希望你們也會喜歡。
2013年9月8日 星期日
[Actionscript 3.0] 程式效能優化文件
Adobe的Actionscript 3.0為大家所熟悉的程式語言,程式設計師可透過Flash platform或經由Adobe AIR將所開發的應用程式發佈多種平台上,如iOS、Android、Windows等。此外AS 3.0是一種高階的程式語言,入門的門檻低也非常容易上手,但相較於各平台的原生開發工具而言,使用AS 3.0開發應用程式勢必會花費較高的系統效能,因此撰寫AS 3.0時我們可以藉由一些程式的優化技巧來提升應用程式的效能,給予User能有更佳的使用經驗,以下提供幾個程式優化的資源,給大家作為參考:
2013年9月5日 星期四
[Actionscript 3.0] 淺談Vector與Array陣列之差異
寫Actionscript 3.0到現在已經有好幾年了但一直沒發文分享,今天在這裡介紹一下Vector類別,Vector是Flash Player 10推出時所發佈的新類別,Vector和Array一樣都是陣列類別,不過據官方的說法相較於Array而言,使用Vector可以確保陣列元素的類型安全並獲得較高的運算效能。
2013年9月3日 星期二
[Actionscript 3.0] 麥克風互動教學
利用Flash來開發應用程式或互動裝置時,操作的方式可以鍵盤、滑鼠、Touch、Webcam、麥克風等,因而在這篇文章中,我簡單的介紹一下如透過Actionscript 3.0的麥克風類別以達到聲音的互動效果。
2013年9月2日 星期一
[Actionscript 3.0] 臉部偵測套件
最近因專案的需求,需使用到Flash搭配臉部偵測技術來作開發,Survey後找到了一套由Ohtsuka Masakazu所開發的facial detection library,作者將OpenCV的臉部辨識技術轉譯為AS3.0原始碼並發佈於名為Spark project的網站上,後續Mario Klingemann基於此套件release了一套優化版本,主要是縮減了swf檔案的發佈大小和提升臉部偵測的運算速度。
在此我選用了Mario Klingemann的優化版本搭配webcam影像來辨識畫面中的人臉。此外,若你是Mac OS的使用者則可建議使用Wouter Verweirder的OpenCV Air Native Extension來作開發。
Facial detection library載點:Marilena_mod10.zip
Facial detection webcam example載點:Facial_Detection_Example.zip
在此我選用了Mario Klingemann的優化版本搭配webcam影像來辨識畫面中的人臉。此外,若你是Mac OS的使用者則可建議使用Wouter Verweirder的OpenCV Air Native Extension來作開發。
Facial detection library載點:Marilena_mod10.zip
Facial detection webcam example載點:Facial_Detection_Example.zip
2013年9月1日 星期日
[Actionscript 3.0] 如何解決Flash Builder無法開啟的冏境
就Actionscript的開發者而言,相信你我對於Adobe自家的開發工具"Flash Builder"都不陌生,然而不知道你是否曾遭遇過開啟Flash Builder時應用程式無故的關閉或莫名的Failed?
今天要教大家如何解決上述的冏境,方法很簡單其實只要將Flash Builder > Workspace底下的.snap資料夾刪除後,即可順利開啟應用程式,系統預設的路徑如下:
Windows
C:\Users\<你的User資料夾>\Adobe Flash Builder 4.x\.metadata\.plugins\org.eclipse.core.resources\.snap
Mac OSX
~/Users/<你的User資料夾>/Documents/Adobe Flash Builder 4.x/metadata/.plugins/org.eclipse.core.resources/.snap
P.S:實際的檔案路徑視個人Workspace的擺放位置而作調整。
今天要教大家如何解決上述的冏境,方法很簡單其實只要將Flash Builder > Workspace底下的.snap資料夾刪除後,即可順利開啟應用程式,系統預設的路徑如下:
Windows
C:\Users\<你的User資料夾>\Adobe Flash Builder 4.x\.metadata\.plugins\org.eclipse.core.resources\.snap
Mac OSX
~/Users/<你的User資料夾>/Documents/Adobe Flash Builder 4.x/metadata/.plugins/org.eclipse.core.resources/.snap
P.S:實際的檔案路徑視個人Workspace的擺放位置而作調整。
訂閱:
文章 (Atom)