web-dev-qa-db-ja.com

滑らかなiPhone UIグラフィックをデザインするためのリソースにはどのようなものがありますか?

私は現在、iPhoneアプリのグラフィックを扱っています。チュートリアルと、それを可能な限り洗練された外観にする方法についての情報を取り入れたいと思います。

私は、フォトショップで実際のiPhoneを描画するための反復設計またはチュートリアルに関するリソースを見つけることができますが、それは私が求めているものではありません。正しい検索用語を取得して、自分が求めているものを見つけることができます。

ボタンを光沢のあるものにする方法、要素の周囲の境界線を美しくする方法、テキストをグラフィックの背景にうまく合わせる方法を知る必要があります。

これを教えるためにどんなリソースがありますか?

3
Mongus Pong

まず第一に、私はあなたがiPhone GUIのガイドラインに慣れる必要があると思います。 Appleは、優れたドキュメントとチュートリアルを提供します( http://developer.Apple.com/videos/iphone/#video-essentials-uidesign など)。何がインターフェースを成功させるかを理解させる本はTapworthy(http://oreilly.com/catalog/0636920001133)です。

2
Davide Di Cillo

Photoshopの使い方を学ぶ-iPhoneでグラフィックを美しくすることは、他のグラフィックを美しくすることと同じです。

IPhoneアプリの標準に準拠するには、Appleガイドラインを参照してください。アプリ開発者プログラムに参加したときに受け取ったドキュメントにすべて記載されています。

5
Charles Boyung

才能のあるビジュアル/ UIデザイナーを雇って一緒に仕事をすることを検討してください。 iPhoneアプリは、わずかに高い水準のUIポリッシュに準拠する必要がある傾向があります。これを処理する最良の方法は、ビジュアルUIデザイナーである誰かを雇うことです。

3
DA01

この一連のチュートリアルは、さまざまなiPhoneアイコンの作成方法について詳しく説明しているので便利です。

ただし、他の人が示唆しているように、Photoshopまたは同様のグラフィックプログラムの使用方法を学び、Appleのガイドラインを読むことをお勧めします。

2
Virtuosi Media

Photoshopでの特定のライティング、シェーディング、テクスチャテクニックのチュートリアルはお済みですか?もしそうなら、どこを見ればわかるかというと、オンラインにかなりの数の記事があります。

Apple自身のiOS HIG は重要な資料です。

Smashing Magazine には、iPhone/iOSの設計に関するチュートリアルと情報がたくさんあります。

全体的なデザインパターンとUXに関しては、この記事をご覧になることをお勧めします: iPhoneアプリケーションのデザインパターン

コードについて少し学びたい場合、これは一見の価値があります(最初のチュートリアルは無料です): Design Then Code 。 XcodeとObjective-Cに関する多少の知識は、設計者にとって素晴らしいことです。

Sebastiaan de Withは、多くのデザイナーが使用する素晴らしい iOSアイコンテンプレート を作成しました。

PSD Tuts にはいくつかの良いチュートリアルがあるかもしれませんが、私はそれらの多くを読んでいません(私は20年以上PSを使用しているので...うーん...しないでください)ほとんどのチュートリアルが本当に必要です)。

Davide Di Cilloと同様に、私も Tapworthy を強くお勧めします。ジョシュは自分が話していることを知っています。経験豊富なデザイナーでさえ、この本から多くを得ることができると思います。

Cocoaネイティブのフォーマットで色をコピーできる Developer Picker をインストールすることをお勧めします。 iOSアプリを設計するときに非常に便利です。

このトピックに関する記事もいくつか書いています。これらは通常、クリエイティブというより技術的です。特定のUIの外観を実現することではなく、Photoshopドキュメントをスケーラブルで編集可能なままにして、エクスポートしやすくすることの方が重要です。

ここに私が書いたいくつかの興味深い記事があります:

ああ、そして間違いなくエクスポート時に色が変更されないようにPhotoshopを設定してください: WebおよびiOS開発用のPhotoshopの設定 。絶対に不可欠です。

1
Marc Edwards