Free AI web copilot to create summaries, insights and extended knowledge, download it at here
5504
Abstract
="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><h2 id="04e0">⊙ 注意事項</h2><blockquote id="5874"><p><b><i>已輸入／未輸入狀態</i></b></p></blockquote><figure id="bc0e"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*iMsrXWKzYQRJYWTitr8lnA.gif"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><blockquote id="1aac"><p><b><i>未輸入／已輸入狀態的圖片可以相同</i></b></p></blockquote><figure id="4f2d"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*sNu4m7ANWwdQE-X_z8Zcgg.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><blockquote id="fd30"><p><b><i>未輸入／已輸入狀態的圖片需清晰可見（不可與底圖過於接近或相同）</i></b></p></blockquote><figure id="f748"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*JyVw50ksmDlxXOR_FMu6mw.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><div id="ce23"><pre>往下繼續閱讀｜回目錄</pre></div><h1 id="7f81">Ｅ. 個人圖片</h1><p id="ccd8">為預設的個人、群組的圖片。</p><div id="eefb"><pre>圖檔名稱：<span class="hljs-built_in">a_20</span>、<span class="hljs-built_in">a_21</span>、i_20、i_21</pre></div><h2 id="3124">⊙ 製作畫面截圖</h2><figure id="1583"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*blfh5ogUTz6HHICOstI4Fw.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><h2 id="6411">⊙ 注意事項</h2><blockquote id="31ba"><p><b><i>考量圓形裁切之後的畫面</i></b></p></blockquote><figure id="decc"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*e4aeC5CeQCSUaQBCOHKS6w.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><div id="f25f"><pre>往下繼續閱讀｜回目錄</pre></div><h1 id="07e8">Ｆ. 聊天室背景圖片</h1><p id="9256">位於聊天室背景的圖片。</p><div id="9104"><pre>圖檔名稱：<span class="hljs-built_in">a_22</span>、i_22</pre></div><figure id="4c6e"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*o5k6tY-XjjcNO6ygJpbQiw.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><h2 id="ece4">⊙ 製作畫面截圖</h2><figure id="f515"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*ce-FDHnf74rwzj3OsECo6Q.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><h2 id="6d8a">⊙ 注意事項</h2><blockquote id="44e2"><p><b><i>聊天室背景圖片非必須</i></b></p></blockquote><p id="ff72">如果不製作這張圖，系統會套用選擇的排版底色。</p><blockquote id="ee97"><p><b><i>主體請靠下</i></b></p></blockquote><p id="835e">插圖的主體位置都必須維持在中央下方位置。</p><blockquote id="3e94"><p><b><i>不同裝置的顯示位置不同</i></b></p></blockquote><p id="bc99">Android 系統的插圖主體必須比 iOS 系統高一些，實際畫面可以在登入主題的預覽畫面查看。</p><figure id="caf1"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*yXWhynaoPCd8mZaDLIp9Xg.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><ul><li>Android 系統：插圖以文字欄位下方開始顯示</li><li>iOS 系統：插圖從文字輸入欄位上方開始顯示</li></ul><blockquote id="49fb"><p><b><i>避免花俏</i></b></p></blockquote><p id="974c">考慮到有對話框與貼圖的顯示，背景圖建議為簡單為主，或者以淡淡的圖樣、插畫作為設計。</p><blockquote id="0b6b"><p><b><i>不論是否去背皆可</i></b></p></blockquote><p id="51a0">若以去背方式製作，系統會直接套用選擇好的顏色排版底色。</p><div id="87c3"><pre>往下繼續閱讀｜回目錄</pre></div><h1 id="7811">Ｇ. 啟動畫面圖片</h1><p id="d6c4">開啟 LINE APP 時，出現的第一個畫面，很常與「<a href="#17aa">Ａ.主要圖片</a>」搞混。</p><div id="3440"><pre>圖檔名稱：<span class="hljs-built_in">a_23</span>、<span class="hljs-built_in">a_24</span></pre></div><figure id="81cc"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*RdnJk1WFzRWuvDvy2yNkFA.png"><figcaption>錯誤示範</figcaption></figure><p id="5ab0">甚至可以在商店裡看見有人使用不當，出現不美觀的圖。在送出前一定要確實檢查，一但按下販售，就無法改圖。</p><div id="2268"><pre>Ａ主要圖片：主題的代表圖（縮圖）
Ｇ啟動畫面圖片：實際使用的初始圖</pre></div><h2 id="c511">⊙ 製作畫面截圖</h2><figure id="ea1a"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*LFavOQQiE9fUFsWqUcsCGA.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><h2 id="db32">⊙ 注意事項</h2><blockquote id="3c7a"><p><b><i>啟動畫面是由兩張圖組成的</i></b></p></blockquote><p id="4f57">由主體（去背圖）與背景圖，以圖層的概念重疊而成。</p><figure id="3c8a"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*tiSAlqsy2Pn1MUcg-sQS9A.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><figure id="98b3"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*WeGpBZ5LgbsF649zDgJksA.gif"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><blockquote id="3f94"><p><b><i>「Ｇ啟動畫面」組合結果（a_23+a_24）需與「Ａ主要圖片」一致</i></b></p></blockquote><figure id="29d7"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*DBwLeSJE3TmnljA2q65wZw.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><div id="ec2d"><pre>往下繼續閱讀｜回目錄</pre></div><h1 id="8016">⊙ 官方提供的主題製作樣板</h1><p id="bb89">官方有提供主題製作樣板，檔案為 .PSD 檔，需使用 Adobe photoshop（PS）製作。</p><div id="33e7" class="link-block">
<a href="https://creator.line.me/zh-hant/guideline/theme/">
<div>
<div>
<h2>製作準則 - LINE Creators Market</h2>
<div><h3>在個人頁面輸入文字資訊後，請為圖片搭配合適的顏色排版。 所需內容 圖片（共61張） 所需數量 A 主要圖片 3張 B 選單按鍵圖片 32張 C 選單背景圖片 2張 D 密碼畫面圖片 16張 E 個人圖片 4張 F 聊天室背景圖片 2張 G…</h3></div>
<div><p>creato
Options
r.line.me</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*qjg8oR5lT1SZ75NC)"></div>
</div>
</div>
</a>
</div><figure id="33e1"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*Pd9FEowM0FdxkG8ZqVWZ8g.png"><figcaption>網頁截圖</figcaption></figure><p id="0730">我習慣使用 Adobe illustrator 以向量格式製作，少數的圖是另外在 Adobe photoshop 設計，以及用來壓縮過大的圖檔。</p><p id="70a7">所以官方樣板使用下來的心得是…</p><blockquote id="8f1e"><p><b><i>切圖方便，卻是個雙面刃</i></b></p></blockquote><p id="81cd">完稿後儲存檔案會自動切好圖，放置在資料夾中；不過一旦發生錯誤，會很難找到原因。</p><blockquote id="bc96"><p><b><i>檔案肥大</i></b></p></blockquote><p id="1f3c">由於像素和向量本身原理不同，故 PS 的檔案容易過大。</p><blockquote id="63fb"><p><b><i>工作區域的切換</i></b></p></blockquote><p id="29c0">我覺得 PS 的工作區域功能不太好用，很容易將物件拖曳到其他的區域，煩煩的啊！</p><div id="069d"><pre>往下繼續閱讀｜回目錄</pre></div><h1 id="0066">⊙ 自製的主題製作樣板</h1><p id="1b3c">於是我自行製作了樣板，來彌補以上的問題。</p><figure id="9ff3"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*icshncHAd8VZeNjV6cyleQ.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure><p id="2bcd">連結：<a href="https://gum.co/YOqco">https://gum.co/YOqco</a></p>
<figure id="cc86">
<div>
<div>
<img class="ratio" src="http://placehold.it/16x9">
<iframe class="" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fgumroad.com%2Fl%2FYOqco%3Fas_embed%3Dtrue&display_name=Gumroad&url=https%3A%2F%2Fgumroad.com%2Fl%2FYOqco&image=https%3A%2F%2Fstatic-2.gumroad.com%2Fres%2Fgumroad%2F4540454885854%2Fasset_previews%2F49d60c4a4b94797638d5cfb91d91363b%2Fretina%2FProduct_20Demo.png&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=gumroad" allowfullscreen="" frameborder="0" height="670" width="670">
</div>
</div>
</figure></iframe></div></div></figure><div id="a51f" class="link-block">
<a href="https://readmedium.com/line-5e4aaccf6eca">
<div>
<div>
<h2>LINE 租稅協定申請教學 2020 年版</h2>
<div><h3>教你如何將 LINE 所得稅從 20.42% 降為 10%，跟著我，一起征服 LINE 租稅協定申請！</h3></div>
<div><p>medium.com</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*ocEf6I9lJ-plF4845QfL2A.jpeg)"></div>
</div>
</div>
</a>
</div><div id="8248" class="link-block">
<a href="https://readmedium.com/line-5fb29edcbad9">
<div>
<div>
<h2>LINE Sticker 貼圖製作心得</h2>
<div><h3>關於貼圖製作的大小事</h3></div>
<div><p>medium.com</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*07DljYlvA7lki4M0OP8vUw.png)"></div>
</div>
</div>
</a>
</div><div id="6ff8"><pre>往下繼續閱讀｜回目錄</pre></div><h1 id="5906">⊙ 兩百組主題計畫</h1><p id="e4a0">雖然上架兩百組主題的計畫，目標時間是明年結束前完成，現在已經馬不停蹄地製作中～希望能順利達成！</p><div id="4ee4" class="link-block">
<a href="https://store.line.me/themeshop/author/93656/zh-Hant">
<div>
<div>
<h2>美跌的LINE主題一覽 | LINE STORE</h2>
<div><h3>快到LINE的官方線上商店看看「美跌」的主題吧！</h3></div>
<div><p>store.line.me</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*mvxi6PTPoZbNKV3W)"></div>
</div>
</div>
</a>
</div><p id="c96b">感謝你的閱讀及支持，任何問題都歡迎來信交流｜<a href="mailto:[email protected]">[email protected]</a></p><div id="9cd8"><pre>相關文章：＃自由接案＃平台經營</pre></div><p id="de63">透過下方的 Like 拍手（<a href="https://liker.land/civic?from=jhane_chou"><b>註冊 Liker 完全免費</b></a>）讓創作者獲得額外收入 :)</p>
<figure id="b6bf">
<div>
<div>
<img class="ratio" src="http://placehold.it/16x9">
<iframe class="" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fbutton.like.co%2Fin%2Fembed%2Fjhane_chou%2Fbutton&display_name=LikeCoin&url=https%3A%2F%2Fbutton.like.co%2Fjhane_chou&image=https%3A%2F%2Fstorage.googleapis.com%2Flikecoin-foundation.appspot.com%2Flikecoin_store_user_jhane_chou_main%3FGoogleAccessId%3Dfirebase-adminsdk-eyzut%2540likecoin-foundation.iam.gserviceaccount.com%26Expires%3D2430432000%26Signature%3DBJgEhGMTqQRCn2Wbz20NrlI%252BI6zlPSm6ywhOUXor6hCHIfQ16VUfEDunUjbOW8TBmNOJqqhtqnNQL7Be27VbnfL1%252BS6Z9xDT1vUpKzFATieASBx3C5fW%252FggCss1XX1gS6S%252FJeuHc479nw7WzqN%252BZo4%252F%252BchiTfz3F0vYyLtgF27Ykcw%252BjMYHSFAoJM8D%252Bg8S%252BS3mAXBsAJePqRzmM83hL4P2Q14cSN6%252BGGf9sEL1lHZre5p6DLkzxQKZg34QchM6mpw%252BvTp3jTLxCvz8cJH6RDlGd4K1PbpgJNHMPXaslB9HxbjTzWXC%252BqKnuM%252FEuaUbHGNRSjr3iNAWRt5YMXCCHFg%253D%253D&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=like" allowfullscreen="" frameborder="0" height="212" width="485">
</div>
</div>
</figure></iframe></div></div></figure><figure id="350c"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*xL8JBp67FIB_66t2FQabYw.png"><figcaption>Design by <a href="https://www.facebook.com/Jhane.Deerlight">Jhane Chou</a></figcaption></figure></article></body>
