Blog
趨勢新知
Facebook 整合的全新首頁體驗
2013-03-08
昨天不久Facebook正式推出了新首頁的體驗服務，先不論這項更新是否強制，目前已經在Facebook官方頁面中可以申請體驗了。
這次的新首頁打著「Goodbye Clutter! 向雜亂說再見」的口號，使用者可以將朋友、社團、粉絲頁的動態消息區分出來，或許我們可以期待接下來的塗鴉牆不再參雜著購物社團、被動性活動邀請等訊息的乾淨塗鴉牆？先來看看這次的首頁會有哪些變化：
眼尖的朋友應該已經發現，這次的改版任務將會統一手機、平板電腦的UI，並且增強動態消息過濾的功能，每則訊息的頭像顯示也從單一轉為多張個人頭像，強化了交友圈的互動印象，訊息的媒體影像顯示也變大許多。
這樣的改變又讓使用者的閱讀習慣更趨近於「圖大於字」，無論是交友動態、活動消息或打卡地圖，都會以這個原則去設計。從Facebook官方釋出的新版動態消息影片中也可印證，每位朋友的動態相片如同大小片拼圖般一一展示。
訊息整合的部分也將以一列三則的方式整合在一起~排排站的感覺還不錯！轉貼訊息的比重也從轉貼內容 > 本文來顯示，看來這樣的改變對於粉絲頁、廣告訊息的曝光更有利了些。
另一個改版的大重點就是強調動態消息的過濾功能，不再像已往朋友、粉絲頁或社團的訊息通通在一起大鍋炒，可以從右方的訊息過濾去篩選，不過我想在廣告的部分Facebook還是會多多少少插入個幾則亂入吧！
這樣的改變不知道你是否喜歡呢？筆者已經先報名了官方的新版首頁體驗活動，若有興趣的朋友也可以透過下面的連結申請~
喔~！不過我不能保證之後能否改回舊版的使用方式喔~(群毆)
希望這次能夠真的向雜亂無章的Facebook塗鴉牆說掰掰~！: )
企業架站規劃與電子商務設計
2013-01-18
即時互動科技提供的網站建置/網頁設計方案 Web Design Service Overview
隨著數位科技與行銷工具的不斷進步，網站設計的需求已經變成一間企業公司所必備的基本行銷管道之一，我們聽到了您的心聲，我們整合您的需求，讓傾聽和溝通的即時互動就在您身邊。一個網站能夠達成什麼樣的任務和效益？有多少人看？怎麼樣把客戶從google search帶到您的網站去？這都是我們會關心的事情。
即時互動針對市場上有網站需求的您，提供以下的方案參考：
1.形象官方網站
形象型官方網站提供您豐富且專業的網頁設計，從首頁開始幫您考量公司產品的曝光方式，建立即時動態的特色形象幫您設計，您可以選擇形象官方網站來做以下的事情：
輪播的產品形象牆
發佈最新消息
使用相簿系統
訊息互動留言
Facebook粉絲頁行銷、分享
其他社群行銷分享
線上回函機制
Google Map整合聯絡我們…等
看更多網站設計案例
2.購物車系統網站(電子商務網站)
電子商務的時代來臨，您不只需要的是一個完善的購物車系統，除了完整的銷售報表分析，商品庫存管理，即時互動的購物車系統能幫您規畫出一套完整的展售購物網站！目前已有許多成功的案例，如：Lativ、天母嚴選、Gracegift等。您可以選擇購物車系統網站來做以下的事情：
輪播的產品形象牆
發佈促銷廣告訊息
商品相簿預覽
多重廣告曝光欄位
Facebook粉絲頁、Google+、Plurk、Line等病毒式行銷分享
訂單通知與進銷存管理
商品折扣與運費管理…等
看更多網站設計案例
3.客製化網站設計
除了以上兩種網站設計方案的功能外，您也可以客製化您的網站，提出您的網頁設計詳細需求，靈活的管理後台和維護教學，我們會為您客製出更完善的網站設計，您可以透過客製化網站來達成以下的效益：
彈性調整設計版面
彈性調整系統功能
企業識別設計(CIS)
跨系統整合功能
獨一無二的版型設計
社群、行銷等跨媒體整合
企業形象官方網站
2013-01-17
企業形象官方網站建置類型 Solutions of Website Plan
公司網站、形象網站、官方網站、機關單位網站
拍賣整合系統網站
個人網站、作品集網站、藝廊展示網站
專業部落格、網路相簿
企業型官方網站適用產業
食品餐飲業官方網站
營造建築業官方網站
旅遊娛樂業官方網站
精品服飾業官方網站
教育型官方網站
機關行官方網站
手機版官方網站
個人官方網站…等
官方網站售後服務
市場上各式各樣的產業官方網站充斥在您的眼前，但是真正能夠幫一個網站做完了之後的服務有哪些？維護項目有哪些？即時互動不只幫您解決了網站設計的問題，也提供人性化的維護售後服務，是一般低價網站架設所不能夠提供的貼心服務。即時互動提供一年的免費售後服務：
技術諮詢與使用教學
網站頁面圖片或文字修改
網站系統穩定性檢查
網站資料備份(限使用即時互動伺服器之客戶)
安全性檢查、病毒防護
電子商務購物網站設計
2013-01-16
電子商務購物網站建置類型 Solutions of EC Website Plan
公司購物網站、網拍購物網站、網路商店
拍賣整合購物系統網站
團購電子商務網站
其他客製化購物網站
電子商務購物網站適用產業
食品餐飲業
營造建築業
旅遊娛樂業
精品服飾業
藝文設計類
手機版電子商務網站…等
電子商務購物網站售後服務 After-sales service
一個好的購物網站，除了幫您搞定訂單、出貨管理，即時互動不只幫您解決了購物網站的常見問題，也提供人性化的維護售後服務，是一般低價網站架設所不能夠提供的貼心服務。即時互動提供一年的免費售後服務：
技術諮詢與使用教學
網站頁面圖片或文字修改
網站系統穩定性檢查
網站資料備份(限使用即時互動伺服器之客戶)
安全性檢查、病毒防護
用 Facebook Qsearch 尋找你的塗鴉牆內容
2012-12-21
以往在Facebook要尋找自己塗鴉牆的內容總是難上加難，這款Facebook Qsearch是國人自行開發的塗鴉牆搜尋工具，不僅可以搜尋自己的塗鴉牆，也能搜尋朋友的塗鴉牆或粉絲頁裡的內容。目前支援的瀏覽器有Chrome和Firefox。
QSearch官方粉絲頁
簡單介紹一下Chrome的使用方式：
1.至Chrome商店將Facebook QSearch加到你的Chrome
2.完成安裝之後，出現提示
3.然後我們按一下工具列上的QSearch按鈕，呼叫出QSearch視窗，會出現Facebook帳號登入的按紐
4.確認一下QSearch要存取的內容，預設看見此應用程式的貼文只有本人，是滿貼心的
5.為了搜尋的功能，QSearch會取得存取動態消息貼文的權限
6.完成之後就會出現搜尋視窗囉~~預設的搜尋目標是自己，當然也可以搜你朋友拉！嘿嘿….
由郭毅驊、Tien-Yu Lee與周世恩所開發的QSearch非常方便！Firefox的安裝部分也是差不多的流程，這裡就不多介紹囉！
官方說明支援：
富有自然造型的 Light Jars
2012-12-20
Light Jars designed by Erik Five Gunnerud
這是一個來自挪威設計師所設計的桌燈作品，Erik Five Gunnerud目前位於奧斯陸， 該工作室主要是以攝影寫作為主。
筆者第一次看見這個作品，第一個乍現的畫面便是古人捕螢入囊為燈的情境，Light Jars如同花苞一般，又像是未開的蓓蕾般多了一分自然的感覺，從8個花瓣型的接合，到垂落的線條，又讓人聯想到了虞美人花的謙謙姿態，生活中也能夠將自然的造型融入空間！
是不是很像呢？
App icon Design 與色彩學 (下)
2012-12-12
暨之前分享的《【介面設計】App icon Design與色彩學#上》，帶大家初步的拆解一個好的App icon design需要的條件：
1.圖示與App功能內容的聯想性
2.圖示與App介面設計的風格一致性
3.圖示的明視度與注目性高
上篇主要分享的部分有滿大部分都是國外的設計案例，這次就讓我們把焦點移轉到台灣的App設計案例上來看看本土的設計吧！
1.圖示與App功能內容的聯想性
第一個案例我想滿多女性朋友會很熟悉，畢竟打開iPolice就能夠快速報案，《新北市iPolice》在icon設計中，直接採用了警察局警徽的圖像作為設計的主視覺，這種則是屬於“固有生活經驗的聯想設計”，是以大眾都已經累積的生活經驗，而且可以直覺反應的聯想去設計，所以看見《新北市iPolice》的icon就可以知道這是一支報案支援的便民App。
在色彩學上，有的人會將警徽上佔大部分的深灰色稱為「鐵灰色」，用了「鐵」這個物去形容「灰色」這個詞所產生的新形容詞，色彩學中稱為「固有色名」，如：鵝黃色、咖啡色、天空藍、橄欖綠、皮膚色……等，這種以現實中的事物去形容一個色彩的命名方式。
第二個分享的案例則是由”十三行”所開發的《懷舊日曆 Calendar》，非常直覺的以”撕日曆”這個行為作為介面設計，也是“固有生活經驗的聯想設計”的一例，以傳統日曆紙紅色的裝訂邊和綠色、橘色字樣為設計，介面學習的門檻低。
第三個分享案例則是今年10月初才開始發售的《殭屍巴下去(Slap That Zombie)》，這款由台灣遊戲開發團隊”LND”開發的體感式互動遊戲，在設計上以美術繪製的殭屍加上紫色的巴掌印作為icon，為主打的遊戲性埋下伏筆，透過鏡頭自動偵測玩家的手勢動作，以巴殭屍的手勢作為攻擊方式，在icon design上就看得出端倪喔！
2.圖示與App介面設計的風格一致性
第一個介紹的案例是由台灣創投團隊”Videohya”近期新推出的《卡通大粉絲》，是一支蒐藏各國著名卡通、卡通驚點語錄為主的娛樂型App，以手繪感的蠟筆線條為主風格，內部的使用介面也以剪貼感的蠟筆為美術風格，若是能夠也統一Tab bar的設計整體感會更加成熟喔！
第二個風格一致性的案例則是12月才剛上架的《快客鍵俠(Wagon Shootout)》，由台灣的”CocosPlay”團隊開發設計，整體畫風以西部荒野及漫畫線條為風格的角色扮演型射擊遊戲，有別於其他射擊遊戲的操作，而是將焦點放在打字快感的射擊方式，在icon design上的風格操作已經很成熟了，以盜賊的角色刻印與雙槍設計表現在小小的icon裡頭。
於今年11月底推出的《POP─Prototyping on Paper》是今年在App設計開發上非常實用的模擬工具，這款由台灣團隊”WOOMOO”開發的App設計流程模擬工具，主要功能是將紙上的App設計發想草圖，轉換在行動平台上模擬，一上到store便受到大家的矚目，它所提供的功能和介面設計是有考慮到風格上的一致，不過在色彩計畫上則是還有進步的空間；POP的icon design是使用黃橙色的漸層質感，據Inside在11月專訪開發團隊的內容，得知POP的icon的設計初衷是表達出筆記本的材質去設計，而在使用介面上則轉為暖褐色較為復古的調子，若是在icon design上能夠表達出紙上筆跡與發想草圖的概念會更好，也能讓不知道POP這款App的使用者能夠在第一時間強化紙上發想這件事。
3.圖示的明視度與注目性高
第一個案例是由”時間軸科技(Hiiir)”所推出的《巷弄》LBS服務的App，以直接明瞭的”巷弄”兩字做為主視覺，使用黑色與暖色調的橘色漸層做為icon design，除了icon可以在第一時間引起注目之外，巷弄的標準字也可以讓使用者聯想為地圖類型或是在地型的行動服務App。
第二個著重在注目性色彩設計的案例是由第五屆 appWorks的創投團隊”100ways studio”所設計的《喵咪方塊(MeowMeow Puzzle)》，icon design上使用注目性高的紅色色彩，再搭配上吸引眾多愛貓者的貓咪造型為icon，同為一個色彩運用的好好案例。
第三個介紹的案例是有別於#上篇所介紹的色彩吸引法則，由台灣的”艾比茲科技”所開發的《暖暖包》App，雖然內部的介面設計犯了一個讓使用者誤導的錯誤(這點有機會可以在後面UI的單元探討)，不過它的icon design大塊面以低飽和度的顏色，再加上容易聚集注目性的紅色為焦點，也是一個很好的明視度高、注目性也較高的設計案例。
在寫#下篇以前，筆者曾和幾位在UI設計領域內的好友討論，為什麼我需要花兩篇的文章來講一個App icon與色彩計畫？雖然一個App的好壞不只是有icon design這件事情需要探討，諸如：前導的使用演示介面設計、流程情境設計與美術主題的特色強化等，都是往後筆者會陸續分享的App UI設計面相，希望能夠分享更全面的內容給大家。
在UI設計這條軌道上，我們仍不斷學習和分享，也歡迎台灣的行動服務開發者能夠提供更多的使用經驗互相交流，感謝閱讀。
App icon Design 與色彩學 (上)
2012-11-23
自從智慧型手機火紅以來，每天都有大量的APP上架，讓我們來看看一些在Android上的icon design(圖示設計)案例：
▲ 左圖為聚集了各式不同形狀的icon桌面
▲ 右圖為使用桌面美化後的icon桌面
Wow!每天這些滿滿的icon塞在你的手機桌面，你會一一記住這些icon的位置嗎？不知道你有沒有發現，我們時常會將APP分類、群聚或是整體化，以左邊的桌面來說，每個icon都有它各自的特色和形狀，而右邊的桌面呢？則是多了一點統一的感覺，這是因為右邊的美化讓每個icon的設計都使用了同一種風格─“插畫風”。在這裡，icon design在APP市場上扮演著重要的第一印象。
我們打開手機第一件事情，一定是用你的眼睛去尋找你常用的應用程式，當然這個行為會被固定的位置或常用的類別來增加APP的辨識程度，當有成千上萬的APP icon顯示在你的螢幕上時，一個APP icon的辨識度和色彩設計就變得極為重要了，由於Windows Phone是使用一致性的isotype去設計，在這裡我們就不拿Windows Phone的icon做比較。 一個好的APP icon design需要有哪些部份呢？這裡我簡單列了三項重點：
1.圖示與APP功能內容的聯想性
▲ Designed by Konstantin Dats.
上圖為一位德國iOS UI設計師所設計的拳擊icon，雖然是未上市的新設計，但我們可以猜想這或許是一支拳擊遊戲的APP程式，有的網友在Konstantin Dats的頁面上留言這個icon是他見過最棒的icon設計，也有的人說讓他想到了拳王阿里而激起了拳擊的熱情，或許你會認為有點誇張，不過一個好的icon設計，是會讓使用者在第一時間內有關聯性的想像的，更何況設計者還使用了注目性高的紅色來跳脫一大堆APP icon的色彩浴中。
▲ Designed by Konstantin Dats.
Konstantin Dats.慣用的3D的寫實風格去設計icon，上幅作品是一個計數器的APP，一樣讓人很容易聯想到這支APP的用途和功能。
▲ Designed by Burç Pulathaneli
▲ Designed by Burç Pulathaneli
2.圖示與APP介面設計的風格一致性
大部分的人應該用過下圖的應用程式《Speed Test》，經典的儀表板設計，透過儀錶板介面來呈現網路速度的測試功能，在icon與使用介面風格的一致性上面，幾乎是每個好APP設計的基本條件。
即使是簡約型的設計也可以簡單而有整體感，從《Any.DO》這支APP的icon設計，大部分的人一眼就能知道大概是一支to do list型的工作清單紀錄程式。用一個表示”完成”的打勾符號做為icon的重點，簡單明瞭，介面設計亦然。
以鉛筆塗鴉為美術風格的《Lead Wars》或稱鉛筆戰爭，這款回合制戰略遊戲則是用統一的鉛筆角色來讓操作軍事單位，也可以調整紙的樣式和鉛筆的深淺色調，是滿有手繪特色的一個作品。
受到大家喜愛的《PIYOMORI》黏小雞遊戲在美術上面也是採用統一的3D風格為主，所以你不會看到沒有面數或立體感的石鍋，或是風格差異太大的手繪貼圖在裡面，可見一個icon和interface設計的介面統一性有多重要。
3.圖示的明視度與注目性高
一個容易吸引第一目光的icon design總是會伴隨的明視度高或注目性高的配色，經典的像是警戒的黃黑配色，在台灣黃黑配色則是用在交通的號誌設計和安全標示最多，這是因為在色彩學上，黃黑(或黑黃)配色的設計是明視度最高的，容易讓人一眼就辨識出來。
除此之外，次於黃黑的配色就是黑配亮綠、黑配橙、白配紫與白配深藍這樣的配色組合，在色彩學上是注目性較高的配色原則。
▲ Designed by Rodrigo Bellão
而Rodrigo Bellão設計師所設計的音樂APP icon則是黃黑配色的類似色黑配橙，明視度也相對高於一般用類似色所設計的icon。
看完以上三點，身為APP開發者的你，怎能小看這看似簡單的icon design? 一個好的icon設計可以帶你上天堂，當然，也可以讓你的作品飛到不知處的九霄雲外。