「地道にダウンロードを伸ばしている虫眼鏡アプリのアイコンとボタンの制作(アイコン1つ・ボタン2つ)」への赤井ミドリさんの提案一覧

赤井ミドリさんの提案

  • 16
  • 7
  • 6
  • 3
  • クライアントのお気に入り 0
    提案日時 2014年03月23日 16:11

    メンバーからのコメント

    ALPHA_INC様

    お世話になります、赤井ミドリです。
    ボタンのみではございますが、ブラッシュアップいたしましたので、アイコンと合わせてご提案させていただきます。

    追記事項を読み直し、高齢者のユーザー様が多いと考え、
    フラットでレイヤーを意識したボタンデザインではなく、
    「押せそうな」少しふくらみのあるように見えるデザインに変更いたしました。
    (ユーザー様の混乱を防ぐため、透過もございません。)
    グラデーションをかけたことで、アイコンとの統一感もよりいっそう出ております。


    ご希望の配色や修正点などがございましたら、お気軽にご連絡くださいませ。


    2014.3.23 赤井ミドリ

  • クライアントのお気に入り 1
    提案日時 2014年03月17日 12:21

    メンバーからのコメント

    ALPHA_INC様

    お世話になります、赤井ミドリです。
    追記事項を拝読いたしました。
    2案目のブラッシュアップを行ない、3案目としてご提案させていただきます。

    【アイコン】
    画面に映る「zoom in」を大きい「a」のみにしたことで、iPhoneのホーム画面での可読性をあげました。
    【ボタン】
    ライトオン状態のピクトグラムを塗りにしたことでデザインルールがより厳粛になり、ユーザビリティの向上を狙えます。


    アイコン、ボタン共に、
    配色のコントラストを高くして可視性を上げました。


    追記事項などを確認しながら、都度ブラッシュアップしてまいります。
    修正点がございましたら、お気軽にご連絡くださいませ。

    2014.3.17 赤井ミドリ

  • クライアントのお気に入り 0
    提案日時 2014年03月17日 01:25

    メンバーからのコメント

    ALPAH_INC様

    お世話になります。赤井ミドリです。
    1案目にご提案いたしましたアイコンとボタンのブラッシュアップをいたしましたので、
    2案目としてご提案させていただきます。

    【アイコン】
    iPhoneを一般的なスマートフォンとしてピクトグラム化し、画面に映っている文字が拡大されている状態をデザインいたしました。
    1案と同様に、ライト機能があることを理解できるようにいたしました。
    配色も明るめにし、iOS7のシンプルデザインを意識したグラデーションにしております。
    【ボタン】
    2案目も半透明になっております。
    ボタン下辺の角丸をなくすことで、よりレイヤーを意識したデザインにいたしました。
    アイコンの下に倍率変更ボタンとライトオンオフボタンを並べておりますので、ご確認くださいませ。


    配色やデザインなどの修正がございましたら、お気軽にご連絡くださいませ。
    ご検討をよろしくお願いいたします。

    2014.3.17 赤井ミドリ

  • クライアントのお気に入り 0
    提案日時 2014年03月16日 17:39

    メンバーからのコメント

    ALPHA_INC様

    はじめまして、赤井ミドリと申します。
    御社のiPhoneアプリ「くっきり拡大」のアイコンとボタンのリニューアルのご提案をさせていただきます。
    【アイコン】
    「全世界で通じるデザイン」かつ「虫眼鏡の利用を希望しない」とのことでしたので、iPhoneとアプリの画面をそのままアイコンに使用し、拡大機能とライト機能が理解できるようにデザインいたしました。
    iOS7で推奨されているシンプルデザインを意識したグラデーションにしております。
    iPhoneをもっと単純化してもユーザーには理解できると思いますし、Android版もあるようなので、一般的なスマートフォンのピクトグラムに修正することも可能です。
    有料版と無料版のアイコンを用意いたしましたが、スマートフォンのピクトグラムに変更するのであれば、同一のアイコンを使用できると思います。
    【ボタン】
    iOS7では「レイヤー」を意識したアプリが推奨されておりますので、ボタン要素は半透明にして手前のレイヤーにあるように見せております。
    デザインルールは、「現在の状態」を示す文字やピクトグラムが光っているようにデザインし、オフの状態のものはグレーのアウトラインにいたしました。(例外として、ライトオフを黄色にしてしまうと分かりにくくなってしまうので、グレーの塗りにしております。)


    デザインや配色の修正などがございましたら、お気軽にご連絡くださいませ。

    2014.3.16 赤井ミドリ

地道にダウンロードを伸ばしている虫眼鏡アプリのアイコンとボタンの制作(アイコン1つ・ボタン2つ)」への全ての提案