もらって嬉しいLINEスタンプの作り方 心理学 × デザイン × YAML管理で設計する制作ガイド スマホ対応サイズ規定 / 感情設計 / YAML一元管理

>100 Views

August 07, 26

スライド概要

関連スレッド
https://zenn.dev/yukiko_sapporo/scraps/16bfd08158dd4c

profile-image

はじめまして、yukikoと申します。 IT教育支援や、DX推進が可能です。 ◆ スキル LPIC レベル2 AI / Python Splunk BI(データ可視化・分析) ◆ その他 新卒・未経験の学生向けに、エンジニア転職を応援する資料を趣味で作成しています。 もしよろしければご活用ください。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

各ページのテキスト
1.

もらって嬉しい LINEスタンプの作り方 心理学 × デザイン × YAML管理で設計する制作ガイド スマホ対応サイズ規定 / 感情設計 / YAML一元管理 Usausa Training Workshop

2.

AGENDA 本資料の構成 01 02 03 04 心理学から見る「もらって嬉しい」の条件 好子・擬人化・一貫性・色彩心理の 4視点 LINE公式サイズ規定( 2026年時点) 静止画/アニメーションスタンプの画素数一覧 YAMLによるスタンプセット管理 サンプルYAMLの1行ずつの解説 編集・検証フロー YAMLを起点にした修正・自動チェックの仕組み 02

3.

PSYCHOLOGY 「もらって嬉しい」を生む 4つの心理設計 好子(正の強化子) ミラーリング・擬人化 0.5秒で感情を同定できる/日常の複数場面で使い回せる/文字よ り照れずに気持ちを伝えられる 丸い輪郭と垂れ耳がベビーフェイス効果を生み、無条件の親近感を 誘発する 認知負荷を下げる一貫性 色彩心理 輪郭・配色・線の太さを全カット共通にし、差分は表情と小物だけに 絞る ピンク=親密性、ゴールド=上質感、紫=和の高貴さを同時に演出 する配色設計 03

4.

SPEC — STATIC STICKER 通常スタンプの画像サイズ規定 画像種別 サイズ( px) 必要枚数 備考 スタンプ画像 370×320px 以内 8/16/24/32/40個 実際に送信される絵柄。余白を意識 メイン画像 240×240px 1個 ストア表示用の「顔」となるカット トークルームタブ画像 96×74px 1個 極小表示。顔アップなど単純な絵柄が有 効 形式・色モードは PNG / RGB / 72dpi以上 が基準。背景は必ず透過にする。 04

5.

SPEC — ANIMATION STICKER アニメーションスタンプの画像サイズ規定 画像種別 サイズ( px) 備考 アニメ画像 320×270px以内(縦横いずれかが270px以上) PNGフレーム数は5〜20枚、ループ数1〜4回・総再 生4秒以内 メイン画像 240×240px(APNG可) 静止画からの流用も可 トークルームタブ画像 96×74px(PNG固定) 1個あたり300KB以下、全画像をまとめたZIPは20MB以下に収める。 アニメーション非対応 05

6.

YAML MANAGEMENT スタンプセットを YAMLで一元管理する sticker-set.yaml を「単一の真実源」として、メタデータ・ファイルパス・検証ルールを1箇所に集約する set main_image / tab_image → title / copyright / category / count stickers[] → 固定サイズ(240×240・96×74) id / emotion / copy / file / size / animated 検証スクリプト(枚数一致/ サイズ規定 / ID連番 / 文字種)が sticker-set.yaml を直接読み込みチェックする 06

7.

YAMLサンプル抜粋 スタンプ 1件分の定義 stickers: - id: 1 # 通し番号。ファイル名の連番と同期 emotion: gratitude # 感情タグ(社内メタデータ) copy: "どういたしまして" # 画像内に描くセリフ file: assets/stickers/01.png # 書き出しファイルパス size: [370, 320] # 370×320px以内で個別調整可 animated: false # true でAPNG生成対象に切替 編集時のポイント:copy を変えるだけなら構図は流用でき、animated を true にすると検証スクリプトのサイズ上限が自動で320×270px基準に切り替わ る。 07

8.

WORKFLOW YAML起点の編集・検証フロー 1 2 YAML編集 感情・セリフ・サイズを追記/修 正 → 自動検証 枚数・サイズ・命名規則をスクリプ トでチェック 3 → 制作 指定パスにイラストを書き出し 4 → 透過・トリミング 一括処理でPNG最終化 5 → 申請 ZIP化してCreators Marketへ よくある修正パターン • セリフ差し替え → copy のみ変更、構図は流用可 • 静止画→アニメ化 → animated:true + size を320×270以内に修正 • 8枚→16枚に増枠 → count変更+stickers配列に要素追加 • 感情の偏り是正 → emotion タグを一覧で棚卸し 08

9.

SUMMARY まとめ 1 「もらって嬉しい」は好子・擬人化・一貫性・色彩心理の4条件で決まる 2 サイズ規定は「370×320px以内/240×240px/96×74px」(アニメは320×270px以内)が軸 3 スタンプ情報はYAMLに集約し、枚数・サイズ・命名規則をスクリプトで検証する Usausa Training Workshop | 面白きこともなき世を面白く 09