UIパック
Sketch クラフトUI
13個のクラフトとレシピの部品(手描き)。ライトUI用、オフホワイトの紙にインクブルーのアクセント。SVG+透過PNG 1x/2x/4x。

このパックについて
Sketch クラフトUIは手描きスタイルで描かれた13点のクラフトとレシピの部品のセットです。どの縁もサンプリングして少しずつずらしてあるので、本当にまっすぐな線は一本もありません。内容は素材スロットの3状態、一回り大きい結果スロット、合成と分解の矢印、素材の結合マーク、品質メーター3種、既知と未発見のレシピ行、そして段階式の製作バーです。
クラフトは、スロットが持ち物のスロットでは決して言わないことを言わねばならない唯一の画面です。中身が何かではなく、足りているかどうかです。所持・不足・一部所持は三つの状態であり、スロットを一枚しか同梱しない素材集は、その答えを毎回スロットの下に文字で書かせることになります。
揺らぎはランダムではなく決定的です。同じ箱はどのビルドでも同じ揺れ方をし、だからこそバージョン管理に置けます。陰影はクロスハッチです。描かれた線の下のグラデーションは、手ではなくフィルターとして読まれるからです。
そのスタイルの中でこれはSketchとしての読みです。オフホワイトの紙のパレットにインクブルーのアクセントを載せたライトインターフェースで、二重の同心フレーム、132x46の角の立ったボタン、10分割の帯状のバー、32pxグリッドの線画のアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。
素材スロットは三つの状態すべてが入っており、違いは塗りではなく枠が担います。足りているスロットは閉じ、不足しているものは破線、一部だけあるものは下半分だけが閉じています。これは56ピクセルでも読めますし、色がなくても読めます。合成と分解の矢印は回転させた一枚ではなく別々のファイルです。二つは同じ画面に並び、鏡像にすると陰影が逆側に付くからです。結果スロットは素材スロットより三分の一大きく描いてあります。レシピの成果物は素材の一つではなく、同じ箱に入るべきではないからです。
どのスプライトも編集可能なSVGと、1x・2x・4xの透過PNGで届きます。PNGをそのままエンジンに置いても、ベクターを開いて色を変えても構いません。Sketchファミリーの他と同じ寸法で描かれているので、このキットとSketchのパネルキットはどちらもサイズを変えずに揃います。ノートや絵本の風合いのゲームによく合います。
使い方
- 素材スロットの間に結合マークを、結果スロットの手前に合成矢印を置いてください。すべての部品がこの読み順と共通の垂直中心に合わせて描かれています。
- スロットの状態は一枚を色替えするのではなく所持数から切り替えてください。不足は破線、一部所持は下半分だけ閉じ、充足は閉じた枠です。
- 品質メーターは長さではなく刻みの数で読んでください。刻みは固定なので、5刻みの結果は3刻みの隣で数えられます。
- 製作時間にはリソースバーではなく段階バーを使ってください。製作は区切られた手順で進むもので、滑らかな塗りはどこでも中断できるように見せてしまいます。
ライセンス
"Sketch クラフトUI" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sketch-crafting-ui


