como_300_300_feature
como_300_300_featureCOMO_10COMO_9COMO_8COMO_6COMO_4COMO_3COMO_2COMO_1COMO_7COMOtool-icon-como

Como – App 設計達人

  1. 介面設計有質感
  2. 操作人性化
  3. App 製作、上架、監測一手搞定
  4. 直接整理粉絲團的資訊自動導入APP
  5. 提供豐富的設計元素

馬上試用

貨號: A0290 分類: ,

商品說明

行動行銷不用多說是當今最熱門的行銷方式之一,根據近期 Interactive Advertising Bureau調查美國300個機構的品牌行銷部門,發現企業投注行動行銷的預算從 2011 至 2013 年竄升了 142 % 。

但是這樣新興的潮流也造成有一陣子一窩蜂熱潮,大家都搶著要做app使得就算花了大把鈔票質感也參差不齊,隨著科技的進步,越來越多可以自制app的工具產生,本次要介紹的工具不僅有不錯的質感,介面也非常人性化,從製作到上架,甚至到後期的監測,一次幫你全包,只要你有粉絲團他就可以幫你整理裡面的資訊內容全部導入到app裡,連編輯內容的時間都省了!究竟他有多強大?讓我們繼續看下去。


第一步:開始體驗

首先進入網站,我們可以看到有個CREATE MY APP,點下去吧!

COMO_7


第二步:為 APP 打底

進入編輯程序後,為應用程式取個名字吧!同時在旁邊的示意圖裡會顯現所編輯的內容,再來就是為程式類型分類。最後輸入粉絲團名稱,這個工具便會去撈粉絲團的資料,將它整理分類成App內容,絲毫時間都不浪費!

COMO


第三步:APP Pages 頁面編輯 

COMO工具會先幫你編輯一個版本,再來會有些可以微調的項目可供選擇,稍後會為心動的你一一介紹喔!首先,看到最上方有四個頁面,可以自由的增減頁面的形式:只要點選就會彈出許多選項,供你自由添加;若要減少,在Page name 右側有一個垃圾桶,點一下就可以做刪除了。

小提醒:旁邊的示意圖會隨時依據修改同步變換


APP Pages 頁面編輯 -Home 頁面說明

  • Page name:更改首頁名稱。
  • Content:編輯首頁內容,有以下三點
  1. 調整Title(標題)、About(關於標題)、Description(詳細描述標題)。也就是右方示意圖所顯示的內容,系統一開始會直接擷取 FB 粉絲團的內容喔!
  2. 增加 Mission(使命)、 Award(獲獎記錄) 、Hour(營業時間)、Product(產品)等細項。
  3. 添加連結,例如:Twitter、Email 等等。原先就會放置官方網站、Facebook 粉絲頁網址。
  • Design:改變首頁背景。

COMO_1


APP Pages 頁面編輯 -Photos 頁面說明

  • Page name:更改相片頁面名稱。
  • Content:編輯該頁內容。
  1. 點選相片來源,系統會自動抓出照片,以相簿的形式呈現在右方示意圖。
  2. 若有覺得不適合的,只要將游標移到左欄欲丟棄的相簿區塊,右上角會出現垃圾桶的圖示,點一下就可以刪減相簿囉!
  • Design:改變該頁背景、照片排版方式。

COMO_2


APP Pages 頁面編輯 -Facebook 頁面說明

  • Page name:更改 Facebook 頁面名稱。
  • Content:內文編輯完全與粉絲專頁連結。
  • Design:改變該頁背景、排版方式。

COMO_3


APP Pages 頁面編輯 -Contact us 頁面說明

  • Page name:更改 Contact us 頁面名稱。
  • Contact:編輯該頁內容,共分成以下三個區塊
  1. 更改Title(標題)、Subtitle(副標題)、Description(詳細描述)。也就是右方示意圖所顯示的內容,系統一開始會直接擷取 FB 粉絲團的內容喔!
  2. 自由增加 Email、 Address 、Phone、Product。
  3. 官方網站的連結網址,右方的手機示意圖中會用一個黃色的"Link"鍵表示。
  • Design:改變該頁背景、排版方式。

小提醒:這頁面的資料必須要填寫齊全才會顯示喔!

COMO_4


第四步:Style & Navigation 頁面編輯

內容規劃好後就可以選樣式,不管是排版、字體顏色、背景圖片、顯示方式都可以做客製化更改。此外,預覽樣式的時候甚至可以做裝置預覽選擇,讓設計者可以確保在每一個裝置上顯示都是心目中理想的。

  • My Themes:套用主題模式,共分成三類,有Dark、Light、Blueprint。
  • Select Navigation Layout:選擇整款APP 導覽頁的排版。

COMO_5

 

  • Style:調整顏色、背景。以下兩項說明
  1. 選擇 APP 中所有的顏色,可以從 Content colors 中知道每個顏色所對應到的區塊。
  2. 選擇導覽頁面的背景,另外能透過你所選的 Overlay color ,讓整體背景覆蓋上該顏色。
  • App Info:分成 Navigation header bar、Brand identity
  1.  Navigation header bar(示意圖上最上方灰底白字的部分)可以修改字型、內文、底部背景顏色、文字顏色。
  2. Brand identity 中可以更改這款 APP的 圖示、APP名稱、閃屏影像(可以依照硬體不同調整)。

COMO_6


第五步:準備輸出

完成後,最後點選上層選項save 並且按下continue,會出現要註冊的畫面,可以選擇以 Email 或 Facebook 的方式,註冊完後才可以繼續執行製作App。

COMO_8

 

註冊完後,會詢問你要選擇什麼樣的付費模組,基本上如果是基本的免費形式,APP 是無法上架的,只提供私下與五個朋友分享,付費版兩個唯一的差別在於開啟畫面時有沒有工具的LOGO,就看個人選擇囉!

COMO_9


第六步:製作完成

選擇基本免費版後,會出現以下畫面,可以點選Test My App線上模擬程式使用狀況,或是掃描右下角的QR code,下載COMO工具的專屬App,並輸入QR code下面顯示的序號,就可以在手機裡預覽App的使用狀況了。COMO_10

 

如果是使用付費版的話,大概一個月大約一千多台幣(無法消除COMO工具LOGO的價格),COMO工具還提供監測數據服務,根本就是自助餐吃到飽又吃到撐呀,那麼好用的工具怎麼能不推呢!

還想知道更多數位新知?快來訂閱 dcplus 關鍵分享報

您希望收到哪些資訊呢?