Mac

UIデザイナーの皆様、iOS 8ベクターGUI要素キットを無料で入手してください

UIデザイナーの皆様、iOS 8ベクターGUI要素キットを無料で入手してください

iOS 8 UI ベクターキット

iOS 8はiOS 7と見た目はほぼ同じですが、インターフェースの変更点が十分にあり、多くのユーザーが最初に気づくよりも多くの微妙な調整が行われています。しかし、開発者やデザイナーはこうした点に気づいてます。Mercuryの才能あふれるチームが開発したこの優れたベクターベースのGUI要素キットは、そうした作業を大幅に簡素化してくれるはずです。iOS 8のインターフェースはほぼすべてベクター要素として再現されているため、iOSの画面サイズの違いへの対応がはるかに容易になります。


これは明らかにユーザーインターフェースやエクスペリエンスデザイナーにとって最も役立つでしょうが、iOS 8アプリやエクスペリエンスのストーリーボードやモックアップを作成したい方なら誰でも、このスケーラブルなベクターキットを活用できます。無料のzipファイルでダウンロードできますので、ご興味のある方は以下からダウンロードしてください。

  • MercuryのiOS 8ベクターUIキットを入手しましょう

エレメント キットは、Adobe Illustrator CC 以降を対象とした Illustrator ファイルですが、Pixelmators のベクター グラフィックス モードでも十分に機能するため、単に試してみたいだけの場合でも、Adobe クリエイティブ スイートを必要とせずに実行できます。

このiOS UIキットは細部へのこだわりが顕著です。Mercuryから提供された詳細情報は以下のとおりです。

ピクセルグリッド配置:このファイルはピクセルパーフェクトに仕上げることに注力しました。可能な限り全てをピクセル単位に配置。これにより、全てのアセットがシャープでクリーンな仕上がりになっています。区切り線にはストロークではなく、縦横1ピクセルのボックスを使用し、アイコンの再描画時にはラスター表示をオンにすることで、可能な限り正確な表現を実現しています。また、変形パレットの「新規オブジェクトをピクセルグリッドに整列」は、角の半径やアイコンに悪影響を与えるため、意図的にオフにしています。皆様にも同様にオフにすることをお勧めします。

グループ化:類似の要素をグループ化することで、アセットをファイルへドラッグしたり、個別に編集したりすることが簡単になります。また、アイコンなどの透明なボックスや、ピクセル上に収まらない可能性のあるオブジェクトをグループ化することで、位置ずれを防ぎます。

グローバルスウォッチ:スウォッチウィンドウを見ると、グローバルスウォッチ(四隅に小さな白い三角形があるスウォッチ)がいくつかあることに気づくでしょう。これらのスウォッチのいずれか(例えばキーカラー)を編集すると、すべてのコンポジションがその変更を反映して変更されます。アプリ独自のカラーパレットに基づいて要素のテーマを設定する際に、この機能が役立つことを願っています。

シンボル: シンボルは最小限に抑えるように努めましたが、キーボード ボタンなどには 9 スライスのシンボルをいくつか使用しました。

もちろん、以前のバージョンの iOS の PSD モックアップ ファイルも入手できますが、iOS 7 のファイルはおそらく関連性のある最後のものになるでしょう。

素晴らしい発見があったので、The Graphic Mac へ行きましょう。