SumikaNya

SumikaNya

PJSK の名刺はどのようにデザインされて UGC を促進するか

《世界计划 彩色舞台 feat. 初音未来》(日语:プロジェクトセカイ カラフルステージ! feat. 初音ミク;英语:Project Sekai Colorful Stage! feat. Hatsune Miku;韩语:프로젝트 세카이 컬러풀 스테이지! feat.하츠네 미쿠)は、SEGA、Craft Egg、Crypton Future Media が共同企画し、SEGA Games と Craft Egg の子会社 Colorful Palette が共同制作した音楽リズム系のソーシャルモバイルカードネットワークゲームです。略称は「プロセカ」、「PRSK」、「PJSK(ビールバーベキュー)」などです。

前言#

ビールバーベキュー国服は今年の 3 月 27 日に上线しました!それで最近 B 站プラットフォームで面白い名刺デザインをたくさん見かけたので、いくつかスクリーンショットを撮ってみました〜

::: gallery
BV1BF5EzKExM
BV16HZJYkEhG
BV1eF4m1K7da
BV1vxZmYCEim
:::
もっと多くの画像は B 站で関連内容を検索して見ることができますが、ここで見たいのは PJSK の名刺の個性化がどのように行われているかです。

PJSK の名刺自定义功能#

私は国服をプレイしていないので、画像のテキストは国際服の内容です。

基本个人资料#

個人資料の設定ページでは、まず基本個人資料(Profile)とカスタム個人資料(Custom Profile)を区別しています。
基本個人資料にはいくつかのプリセットされた内容があり、適当にクリックするだけで素晴らしい個人資料ページを表示できます。特別なデザインをしたくないユーザー層に適しており、開発者は設計の初めに UGC 創作を好まないプレイヤー層を考慮し、相応の便利な方法を提供する必要があります。

::: gallery
image
image
:::

自定义个人资料#

カスタムの部分では、自由度が大幅に増し、プレイヤーが自由に創作できるホワイトボードのようなものになっています。最大で 150 個のコンテンツブロックを配置できます。
image
PJSK はブロック内容を相応に分類しています。分類は以下の通りです。

个人资料#

このタイプのブロック内容はプリセットされたスタイル内容であり、サイズを変更することはできず、回転操作のみ可能です。同じタイプのものは 1 つしか配置できません。
image

背景#

背景は比較的シンプルで、汎用シーンとストーリーシーンに分かれています。ストーリーシーンはストーリー内に登場したシーンであり、汎用シーンは開発者がプリセットした背景内容です。拡大縮小や回転が可能で、同じ背景は 1 つしか配置できません。
image

成员#

メンバーは既存のカードのカード面(横版・縦版)を選択でき、カードの星級、グループ、レベルなどの情報を表示するかどうかを制御できます。同じカードは 1 つしか配置できません。
さらに全身立ち絵を選択することもでき(所有していなくても配置可能ですが、同じキャラクターは 1 つしか配置できません)、このような内容はすべて拡大縮小や回転が可能です。

::: gallery
image
image
image
:::

称号#

称号は 4 種類(キャラクター、絆、成果、イベント)に分かれており、同じ種類のものは複数配置できます(単推しの人は大喜び)。設定では大称号と小称号を選択でき、絆タイプについては称号名と絆レベルに対応するスタイルの枠を選択できます。
このような内容はすべて拡大縮小や回転が可能です。

::: gallery
image
image
:::

文字#

テキストについては、公式がすでに多くの制御可能な内容を提供しています。例えば、テキストは改行可能(1 つのブロックとしてカウント)、フォントを変更可能(ゲーム内プリセット)、文字サイズ、アウトラインの太さ、行間、左中右の配置、テキストカラー(プリセット色)、アウトラインカラー(プリセット色)などです。
このような内容はすべて拡大縮小や回転が可能です。
公式の機能に加えて、特定の効果を実現するためにテキストコードを使用することもできます(アカウント停止や審査などのリスクがあるかもしれません)。
テキストコードの基本フォーマットは HTML のように尖った括弧で包み、終了時にスラッシュで閉じる形式です <属性名></属性名>。単一のテキスト内で複数の効果を重ねて使用できます。
ここで画像内で使用されている内容をいくつか挙げます。

<b>太字 
<i>斜体
<size=18> サイズ 
<color=#7d6608>色
<line-indent=98%> 本来はインデントですが、PJSK内では毎回開くときにテキストに動的な移動効果を作成できます。負の値は震動効果です。
<alpha=#88>透明度 (#AA〜#00)
<rotate=45>回転 角度の数値を記入
<cspace=20>字間隔 負の値も可能
<scale=2>字幅 負の値も可能
<mark=#カラーコード>ハイライト、透明度を持たないと全塗りになります。
<sup>下付き文字 
<sub>上付き文字
<sprite=1~15>黄豆絵文字

image

图形#

内蔵されたいくつかの使用可能な図形があり、図形の塗りつぶし色(プリセット色)、アウトライン色(プリセット色)、図形の透明度、アウトラインの透明度、アウトラインの太さを調整できます。
このような内容はすべて拡大縮小や回転が可能です(ここでの拡大は完全に等比拡大ではなく、縦横比を自分で制御できます)。
特定の図形が必要な場合は、テキストの size タグを使用して特別な文字(♦♣など)を拡大することを検討できます。

::: gallery
image
image
:::

表情#

表情も名刺内に配置できます。
このような内容はすべて拡大縮小や回転が可能です。
image

其他#

最後に、他の内容として、団名やゲーム名などがあります。
このような内容はすべて拡大縮小や回転が可能です。
image

收藏#

この内容は私の方ではずっと空のままで、何の内容か分かりません。もし誰か知っている方がいれば教えてください〜

一些操作#

上記の操作に加えて、公式は操作補助やレイヤーの表示非表示、上下調整、ロックなどの内容も内蔵しています。
操作補助は対応する角度で自動的に吸着したり、他のブロックと横縦を合わせたりすることができ、ある程度ブロック内容を整然とさせることができます。

如何带动 UGC#

UGC 創作者へのインセンティブを除けば、開発者として私たちができることは、より良い創作ツールを提供し、使用のハードルを下げて、より多くのプレイヤーや創作者が参加し、創作欲を刺激し続けることです。
ユーザーの創作意欲には、開発者が提供する創作ツールが簡単で使いやすく、機能が強力であるかどうかが大きな要因です。
創作者の創作プロセスを簡素化し、アイデアを迅速に具現化できるようにすることは、UGC ツールを制作する際に必ず考慮すべき設計目標です。

PJSK の名刺デザインは非常にシンプルな UGC ツールであり、蛋仔などのようにイベント、アクション、条件などの一連のプログラミングの視覚化を提供する必要はありません。しかし、それでも多くのブロックタイプを提供して名刺の充填内容を豊かにしています。
さらに最適化する場合、操作面での改善と、コンポーネント機能(自分で組み合わせたモジュールから成るブロック)を提供することが考えられます。それにより、コンポーネントなどを共有し、ソーシャル属性の拡散をさらに促進することができます。ここでは詳しくは述べません。

总结#

全体的に見て、公式が内蔵している多くのタイプはすでに大部分の UGC デザイン内容を満たしており、UGC の下限を引き上げています。また、一部の特別なテキストコードは UGC の上限を引き上げています。
さらに、比較的便利な操作補助を提供しており、これがシステムレベルで UGC を促進する要因です。
デザイナーとして、全体の UGC の下限を引き上げる必要があり、そうすることで UGC の内容により多くの可能性を持たせることができます。
上記に挙げたモジュールは参考としてご覧ください〜

この文は Mix Space によって xLog に同期更新されました。
元のリンクは https://blog.lolita.best/posts/GameDesign/PJSK-UGC-card-design


読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。