約10年前、ウェブデザインに関する非常に有名な本を1つ読みました。 ウェブサイトのデザインとインターフェースのデザインは異なるものであるという明らかな事実を省き、経験豊富なプロジェクトマネージャーが「ウェブサイトのデザインを始める場所」と尋ねられたときに「最初から」と答えるフレーズを覚えています。
2か月前、同僚のAndrei Vinogradovは、Apple Storeの新しいアプリケーションのための素晴らしいアイデアを実装するようアドバイスしました。 1か月前に販売を開始しました。この分野で最初のアプリケーションをゼロから開始する方法についてお話したいと思います。 これは難しいですが、非常に興味深いです、そして私たちの何人かはこの快適な古い時代にお金を稼ぐでしょう。
タスクは簡単に思えますが、ピーターにとって、「ブリッジマップ」はモスクワの場合と同じです。これは、テマレベデフが数か月にわたって磨いたメトロマップです。 タスクは「キャッチする」ことであり、インターフェイスは「Appleスタイル」の直観的なままであるということでした（ただし、規範から遠く離れなければなりませんでした）。 クールなアイコンがあり、すべてがユーザーが見たい場所にあること。 bydlografikiがなく、余分な不要なボタンが（通常は自家製のプログラマーにあるように）存在せず、すべてが所定の場所に残ること。 私自身がポケットの中の小さなプログラムに99セントを費やしたいのですが、残りは気にしません。
タスクは、プロジェクトのためにチームを編成し、デザインとアイコンを決定し、アプリケーションをテストして促進することでした。 まず最初に：この投稿では、デザインがゼロから開発された方法について説明します。
突然アプリストアbridges.spbを離れました
www.iphones.ru/iNotes/29206
タスクはインターフェイスを変更することです。 このプログラムは問題を解決しましたが、所有者はiPhoneの画面の代わりに、すべてが収まるはずの巨大なモニターを彼に突きつけ、網膜ディスプレイは小さなとんでもない誤解であるという印象を残しました。
パレットを変更し、アスファルトと道路標示の色を残すことが決定されました。 内部アイコンの最初のスケッチが表示されます。 優れたサイト「razvodkamostov.ru」は、レベデフのテーマでさえ表現が恥ずかしくないポケットスケジューリングのアイデアを示唆しています
www.artlebedev.ru/kovodstvo/business-lynch/2010/07/12
Andreiは3階建てのマットでバージョンをカバーしていますが、レイアウトを提示したデザイナーのサービスを使用することにしました。 一緒にアイデアを見つけようとします：ブリッジを持つ各グラフはよりコンパクトになり、アイコンはより直感的になり、情報自体がより便利に表示されるはずです。 デバイスを回転させたときに画面が互いに重なり合うように、下のタブを破棄することにしました。 プログラマーは、コードにタスクを実装する能力を確認し、ヘッダーから地下へのばかげた並べ替えボタンで顔を見つけます。 その過程で、フォントをいじって、最初のバージョンから手書きの不名誉を取り除きますが、それでも最終決定からはほど遠いです。
真実に似ていますが、それでも理想からはほど遠いものです。 彼らはソーシャルブックマーク用のボタン（左上）を追加することを決めました。これは既にMobileRSSに実装されています-ユーザーが満足している場合、広告を手伝ってもらい、所有者の場所に応じて橋を並べ替えるgpsボタン（左下）を追加します。 車の所有者が道路の交差点を必要とするかどうかを考えています（右下）が、間違った方向に進んでいるようです。 しかし、水平スクリーンの問題は前回よりもまだましですが、そうではないので、しばらくの間は疑問を投げかけます。 この段階で、「時間をクリックして-橋までの距離に変更-橋までの距離をクリックして、時間に変更」というソリューションを組み込み、画面スペースを大幅に節約します。 Razvodkaは90年代の精神に合ったものです。スペルをキリル文字に変更します。 Photoshopで数時間経過すると、色は次第に鮮明になりました。
プログラムをバイリンガルにするというアイデアは、偶然思い浮かびます。右上のボタンのために少しのスペースが残っています。 同時に、色をとかし、フッターのアイコンを思い出させ、ロシアのロゴのフォントを再描画します。 「お気に入りのブリッジ」のメカニズムを紹介しますが、後でインターフェイスの単純化のためにそれを放棄します。
この瞬間から、プログラムの開発は2つの方法で行われます-すでにコードに存在し、現在の作業で積極的にテストされています：毎日、プログラムコードで描画、議論、再実装されるいくつかの新しいアイデアをもたらします。 Apple Storeに投稿されたバージョンは、10番目のビルドであることが判明しました。
ヘルプ画面の最も便利な実装について考え、最初のいくつかのスケッチを行います。
アイデアは新鮮ですが、「アイデアのためのアイデア」は価値がありません-プログラムの最初の10人のユーザーは、「すべてが明確である」と言います。 既製の画面はスクラップになります。 彼らは、「わかりにくい」場所だけでソートするためのボタンと呼び、それのためにいくつかの小さな思い出させるアイコンが作成されます。
この段階で、「粘り強い橋の情報提供者」には粘り強いロゴが必要であることが明らかになりました。 設計者が提案したオプションはスタブとしてのみ有効であるため、私自身の肌では、誰もが自分でやるべきだと確信していました。 橋をテーマにしたあらゆる種類のバリエーションが私を眠くさせ、ロゴを専門とするいくつかの有名なロシアの会社（もちろん、レベデフではない）は、価格を「千ユーロから」と呼んでいます。
もう一度、回避策を探す必要があります。モスクワのデザイナーは「小さな人間調整器を使う」というアイデアを思いつき、ウクライナの彼の同僚は簡潔なグラフィックソリューションを考え出します（6行目と思われます）。 1か月で数百の外国のアイコンを見たことがあります（初心者の場合は、deviantartとフリーランスをお勧めできます）。選択するときに、どの評価基準に従うべきかを言うのは難しいと思います。 デザイナーは一晩中6番目のバリエーションを描きました。朝に見たとき、私は自分に言いました。ああ、それだ！
私たちはこのプロジェクトに引き続き取り組み、小さな要素に取り組んでいます。庭は21世紀から10年が経過しているため、ソーシャルブックマークにウィンドウが表示されます。 プログラムがバイリンガルになったことを忘れないでください-ロゴの作成とソーシャルネットワークでの作業が2倍になりました。
このプログラムの最初のユーザーは、3GS電話では「ブリッジ」ボタンは「ブリッジ」ボタンと見分けがつかないことに注意します。スパン間の距離が小さすぎるため、再描画することにしました。 残りのボタンについて考え、スターをお気に入りアイコンのハートに変更します。 もう一度、個々の文字を描画し、ロゴを追加して、水平スクリーンの実装を変更します。 偶然（あなたがあなたのプログラムを子供として扱うとき、そのようなことが予期せず起こります）、私たちは空白の画面で不快なバグを発見します-日中にすべての橋が集められ、「橋」ボタンをクリックすると画面に何もありません これは論理的ですが、見苦しいです。 この時点で、アイコンが表示され、いくつかの簡潔なフレーズが問題を解決します。
最初から、ジオロケーションプログラムにGoogle Mepsを使用して画面を埋め込む価値があることは明らかでしたが、そのような単純なアイデアでさえ、既存のデザインに地図を埋め込み、コードに実装することと、いくつかのスケッチで問題が解決した場合：
その後、コードはより複雑になりました。 この時点で、マップ上のピンは異なる色、離婚は赤、動きは緑、「最後の15分間」はオレンジであることが明らかになりました。 Google APIはオレンジに対する愛情を共有しませんでした。ピンをペンで塗り直して、ビットマップイメージの形式でマップに挿入する必要がありました。 当然のことながら、「地図上に自分を表示する」機能が最終ビルドに追加されたため、今ではユーザーとして最初の2つの画面は冗長に見えました。夜は地図モードで街を走り回ります。
既製の写真用のプログラムのコーディングに関する別の話-レンダリング、フォント、社会サービスとの相互作用、およびその他の不快な問題に問題があり、その解決には多くの時間がかかります。 アプリストアでの計算の日付は数週間ずらされており、ある夜、ナビゲーションの開始とともに橋がすでに建設され始めており、カートがまだ残っていることに気付きます。 遺言を拳に集め、残りの小さな欠陥をとかす-ナビゲーションの開始から1週間後、完全に完成したアプリが承認のために送信されます。
2か月の作業で、タスクの実装を取得します。
