我十分喜歡Given動畫的官方推特時不時釋出的LINE風格對話視窗的小彩蛋,非常可愛又有趣,想想這也是二創的一個好道具,上網搜尋了一下,果然有速成的工具可以套用(雖然不能作成動畫)。
Android似乎有APP可以使用,但因為我本人是使用iPhone所以沒有嘗試過,有興趣的人可以參考這篇note(日文)下載來用用看,這邊我只介紹電腦跟iPhone都可以的兩個工具。
mojimaru
這是我測試後功能比較完整的一個,可以製作一對一以及群聊的聊天畫面,元件的設計也比較貼合真實的畫面,唯一就是廣告有點多挺干擾的^^” 但既然是免費的也只能忍了哈
PS. 其實他也有製作對話及朋友清單頁面的功能,但這裡單就對話視窗的功能進行說明
工具優缺點
[優點]
- 可製作一對一及群組聊天畫面
- 可顯示已讀
- 元件設計較細緻
[缺點]
- 廣告多較干擾
- 訊息發送時間必須自己一一設定
- 中途失誤無法編輯,只能重新開始 (可以試著回到上一頁,有時候可以成功但無法完全保證^^”)
操作教學
畫面/主題顏色選擇
第一步先選擇模板,建議使用這個對話長度不限的模板,雖然也有短對話專用的模板但限制較多也沒省力到哪去。這裡左邊跟右邊是選擇主題顏色而已,就選擇想套用的顏色即可。
模板選擇 (一對一/群組)
ps. 不用在意這裡的主題顏色
開始製作對話(以群組對話為例)
由於群組功能多於一對一對話,因此說明會以群組為例,基本上會涵蓋到一對一的功能(一對一有通話圖示,群組沒有)。
上傳頭像
群組對話可以上傳6張頭像圖,非方形圖片會自動裁切但不能上傳動圖,由於自己(手機主人)是不會顯示頭像的,因此群組人數包含自己最多是7人
群組名稱
接著設定群組名稱,請注意這裡包括人數的部分也是要手打。下方可以設定頭像為方形或圓形,完成後請按下一步。
開始編輯
[預覽]
[工具列]
ps. 劃掉的工具已經失效
成品展示
hi0a
雖然看網址感覺有點像騙人的XD 這似乎是個製作網頁小遊戲的網站,畫面乾淨、簡單好用,但只能製作雙人對話視窗,不能製作群組對話視窗。
工具優缺點
[優點]
- 畫面簡潔廣告少
- 操作簡單直覺
- 訊息時間直接抓電腦當下的時間,對不需要指定時間的對話設計來說還蠻方便的
[缺點]
- 功能有限(無法製作群聊畫面)
- 小Bug不少,例如:自訂對方頭像的時候,如果本來就不是1:1的方形圖片則會被壓縮;上傳對方貼圖的時候不會顯示出頭像且因為少了頭像,貼圖位置很怪;語音通話圖示太大;對方連續發言的時候第二則之後也會顯示頭像…
操作教學
刪除/編輯既有物件
首先,頁面上會有一些示範的物件(時間&對話),製作新的對話之前可以把滑鼠一道物件上按下x清除,或者直接把游標放到文字間點擊後進行編輯修改。