unDraw

unDraw とは

unDraw は統一されたフラットな作風の無料オープンソースイラスト集で、落とす前にブランドに合わせて色を変えられる。固定配色を押し付ける無料素材が多いなか、UI になじむよう調整できる点が、ランディングページの定番になった理由である。

収録は人物、機器、職場の場面が中心で、同じ親しみやすい作風のため、unDraw だけで組んだページは継ぎはぎに見えない。すべてオープンソースで商用利用も無料である。本レビューはランディングページとブログ画像での使用、色変更とライセンスの評価に基づく。

できること

予算をかけずにそこそこのイラストがすぐ欲しい人に向く。短期でランディングページを作るチームは、色を変えれば既製品に見えないまとまった素材が得られる。ブログや施策に温かみを足したい担当には速さとブランドカラー一致が価値になる。自由に編集できる素材を求める開発者にも最適である。

固有の作風や、はるかに大きな品ぞろえが必要なら弱い。unDraw は意図して 1つの見た目と有限の場面に絞っている。速く、品があり、商用でも気兼ねのないイラストとしては、このディレクトリで最も価値の高い選択の一つである。

向いている人

unDraw は無料かつオープンソースである。アカウントなしで閲覧、色変更、落とし込みができ、商用でも支払いも作者の記載も不要である。ライセンスは寛容だが、unDraw 自体をロゴとして使うことは認めていない。ブランド用途ではこの違いを覚えておきたい。

良い中身を有料枠の背後に隠さないのは新鮮である。実用上のコストは作風にある。品ぞろえは有限で見た目も均一なため、使い過ぎると同じ素材を使った他社と似て見え得る。大半の計画には妥当な取引だが、独自な絵が要る大規模ブランドは他の選択肢も見た方がよい。

注意点

実際の unDraw は速く気持ちよい。場面を探して配色に合わせ、Figma やサイトにそのまま置ける SVG を落とせる。色変更こそが特別な機能で、主役の絵をアクセント色に合わせれば数秒で自社らしくなる。作風が統一されているため、複数枚を並べてもまとまりが出る。

限界は広がりと深さである。すべての絵が同じ作風なので、変化は場面の違いからしか生まれず、あらゆる概念に品ぞろえが届くわけではない。編集は色変更までで、作り込みはベクター道具が要る。その範囲なら、見栄えがよく商用にも安全な絵を素早く安定して提供する。

What we like

最大の長所は色のカスタマイズである。オープンソースのイラストを自社の配色に染め、商用で無料に使える組み合わせは稀である。作風が統一されているためページは寄せ集めではなく意図的に見え、ライセンスの不安もない。急ぎの立ち上げに最も頼れる無料のイラスト源の一つである。

What to watch out for

作風の均一さは諸刃である。すべて同じフラットな見た目を共有するため、一部の計画には窮屈に映る。品ぞろえは有限で、珍しい概念に合う場面がないこともある。作り込みは色変更までで、素材自体のロゴ利用は認められていない。この範囲を守れば勧めやすい。

Verdict

速くまとまりがあり商用にも安全で、自社の色に合わせられるイラストなら、このディレクトリで最良の無料の選択肢である。色変更とオープンソースのライセンスが、ストック素材への 2つの異論を消す。UI アイコンには Iconify が合い、Color Hunt は塗る配色の選定を助ける。

Alternatives

ここでは 2つの道具とよく組む。Iconify は、場面のイラストではなくボタンや操作に置く小さな反復的なアイコンを担う。Color Hunt は unDraw の素材に適用する配色を与え、イラストと UI の色を 1つの筋の通った話にまとめる。