[教學]iOS版LINE主題製作教學

有很多朋友們都在詢問該如何製作LINE主題，因為Android版本已經有修改器可以製作，所以大部分的人都知道如何修改android版主題，但是iOS版主題該如何製作呢？當然是可以製作出iOS版主題，只不過現在沒有iOS版主題修改器可以提供大家使用，所以製作過程中會比較繁瑣一點，而現在官方也出了非常多付費主題，主題也非常細膩有質感，相對的想製作主題的人也越來越失去熱情了，不過Angus小編還是提供如何修改iOS版LINE主題的資訊給大家，這樣大家也可以製作出自己獨一無二的LINE主題囉。

製作iOS版LINE主題教學。

● 適用系統 : LINE(iOS版)
● 教學版本 : 4.4.1
● 主題範例 : 米奇主題
● 範例下載 :  點選我

LINE主題修改教學
1.加入好友圖示：navigation_icon_06@2x.png

2.個人狀態圖示：friends_list_balloon_01@2x.png

3.好友(Friends)圖示
按下狀態：line_GNB_01_on@2x.png
沒按下狀態：line_GNB_01@2x.png

4.聊天(Chats)圖示
按下狀態：line_GNB_02_on@2x.png
沒按下狀態：line_GNB_02@2x.png

5.動態消息(Timeline)圖示
按下狀態：line_GNB_03_on@2x.png
沒按下狀態：line_GNB_03@2x.png
有新訊息狀態：line_GNB_03_newpost@2x.png(在timeline資料夾內)

6.其它(More)圖示
按下狀態：line_GNB_04_on@2x.png
沒按下狀態：line_GNB_04@2x.png

 

7.聊天室窗上方圖示：navigation_icon_04@2x.png

 

8.動態消息上方三個圖案
投稿(Write)圖示：tm_write@2x.png
照片(Photo)圖示：tm_photo@2x.png
表情(Sticker)圖示：tm_sticker@2x.png

 

9.加入好友(Add Friends)上方四個圖案
通訊錄(Invite)圖示：icon_group@2x.png
條碼(QR Code)圖示：icon_qrcode@2x.png
搖一搖(Shake it!)圖示：icon_shake@2x.png
搜尋ID(Search by ID)圖示：icon_idsearch@2x.png

10.加入好友(Add Friends)左上角控制圖：navigation_icon_03@2x.png

 

11.聊天窗口右上角圖示：
chattop_bt_icon02@2x.png (展開)
wi_chattop_bt_icon02@2x.png (未展開)

12.聊天窗口內各功能圖示:
邀請(Invite)：
topmenu_02@2x.png  (顯示)
topmenu_02_off@2x.png(未顯示)

關閉提醒(Notifications Off)：
topmenu_03@2x.png  (開啟提醒)
topmenu_03_off@2x.png (關閉提醒)

封鎖(Block)：
topmenu_04@2x.png

變更名稱(Edit Name)：
topmenu_15@2x.png (顯示)
topmenu_15_off@2x.png (未顯示)

相簿(Albums)：
topmenu_13@2x.png (顯示)
topmenu_13_off@2x.png (未顯示)

相片(Photos)：
topmenu_12@2x.png

編輯訊息(Edit Messages)：
topmenu_17@2x.png (顯示)
topmenu_17_off@2x.png (未顯示)

聊天設定(settings)：
topmenu_07@2x.png

免費通話(Free Call)：
topmenu_call@2x.png (顯示)
topmenu_call_off@2x.png (未顯示)

視訊通話(Video Call)：
icon_video_call01@2x.png (顯示)
icon_video_call01_off@2x.png (未顯示)

13.下方心情符號圖示：chat_btn_icon_03@2x.png

 

14.聊天窗口下方內各功能圖示：
選擇照片(Choose a Photo)：c_menu_icon01@2x.png
拍攝照片或影片(Camera)：c_menu_icon02@2x.png
選擇影片(Choose a Video)：c_menu_icon03@2x.png
語音訊息(Audio Message)：c_menu_icon04@2x.png
極短片(Snap Movie)：c_menu_icon05@2x.png
傳送位置訊息(Share Location)：c_menu_icon06@2x.png
傳送好友資料(Contact lnfo)：c_menu_icon07@2x.png

 

15.解鎖密碼圖示
密碼四張圖(未顯示)：
passcode_code_1@2x.png
passcode_code_1b@2x.png
passcode_code_1c@2x.png
passcode_code_1d@2x.png

密碼四張圖(顯示)
passcode_code_2@2x.png
passcode_code_2b@2x.png
passcode_code_2c@2x.png
passcode_code_2d@2x.png

16.數字鍵盤圖示12圖示
1~0圖示(按下狀態)
passcode_bt_1@2x.png
passcode_bt_2@2x.png
passcode_bt_3@2x.png
passcode_bt_4@2x.png
passcode_bt_5@2x.png
passcode_bt_6@2x.png
passcode_bt_7@2x.png
passcode_bt_8@2x.png
passcode_bt_9@2x.png
passcode_bt_11@2x.png

1~0圖示(沒按下狀態)
passcode_bt_1_tab@2x.png
passcode_bt_2_tab@2x.png
passcode_bt_3_tab@2x.png
passcode_bt_4_tab@2x.png
passcode_bt_5_tab@2x.png
passcode_bt_6_tab@2x.png
passcode_bt_7_tab@2x.png
passcode_bt_8_tab@2x.png
passcode_bt_9_tab@2x.png
passcode_bt_11_tab@2x.png

 

17.編輯好友上方搜尋的圖示：searchbar_icon_search@2x.png

 

18.對話框圖示
左邊對話框：speech_bubble_01_default@2x.png
右邊對話框：speech_bubble_02_default@2x.png

 

19.其它頁面圖示
加入好友(Add Friends)：icon_addfriend@2x.png
設定(Settings)：icon_setting@2x.png
貼圖小舖(Sticker Shop)：icon_more_Stickershop@2x.png
主題小舖(Theme Shop)：icon_more_themeshop@2x.png
官方帳號(Official Accounts)：icon_more_Officialaccounts@2x.png
最新資訊(Notices)：icon_more_notices@2x.png