ミニマリスト計算機のデザインを改善するためのアドバイスを求める[終了]


7

少し前に、デザイナーの無料プレゼントに基づいてカウントダウンタイマーアプリを作成しまし。それはユーザーがそれを好むことがわかり、それはbeautifulpixelsでさえ言及されます

今回は、デザイナーの助けなしに、Minimalist Calculatorという名前の計算機を自分で構築しています。Appleリンク:Minimalist Calculator、ここでスクリーンショットを共有します:

  ここに画像の説明を入力してください

  ここに画像の説明を入力してください

これまでの私の友人からのコメントは一種の否定的です。それのようなものは、ミニマリストというよりは骨のないものに見えます。

アプリ開発者として、フォント、色、レイアウトを主に使用する(ただし、特に画像が少ない/画像がない)アプリのルックアンドフィールを改善する方法についてのアドバイスを楽しみにしています

フォントはユーザーが選択できます。

  ここに画像の説明を入力してください

私が学ぶことができる参考資料はありますか?あなたがお勧めできるミニマリズムデザインで評判の高い採用デザイナー ありがとう!

更新:オプションについて...

@OghmaOsiris、グリッド線を無効にするオプションを含めました:

  ここに画像の説明を入力してください

 

  ここに画像の説明を入力してください

UPATE 2:色

昨夜、色を変更するオプションを追加しました:

  • キーパッドのボタン面
  • ボタンのテキスト、および
  • ボタンボーダー

黒鉛:

  ここに画像の説明を入力してください

オレンジ:

  ここに画像の説明を入力してください

現在はAppStoreにあります。ダウンロードリンク:ミニマリスト電卓

コメントを送ってください。


これらの画像でインタラクティブな状態を表示していませんが、ありますか?たとえば、押すとタイルの色が変わります。
Joonas、2013年

現在のバージョンでは、ボタンを押すと色が反転します。つまり、背景色がテキストの色に変わり、テキストの色がボタンの面の色に変わります。
Ohho

私はそれが好きです。しかし、もっと大きな=ボタンが欲しいです。
スコット

@Scottは、従来のデスクトップ計算機とは異なり、このアプリでは等号ボタンはそれほど重要ではありません。これは、ユーザーが数式を入力すると、結果が継続的に表示されるためです。したがって、等号ボタンが押される前に、結果はすでに表示されています。図に24示すように(5-1÷5)×5、等号ボタンに触れずに、を入力すると結果が表示されます。
Ohho

1
一般的に、私は数学の活版印刷の詳細に力を入れることをお勧めします(また、何らかの形式の印刷またはPDFエクスポート)。ユーザーが入力の適切な表現を見ると、すぐにアプリが好きになり、機能が多次元ハイパースペース座標の計算などに対応していなくても、より頻繁に使用されます。さらに、猫と一緒に使用するための
宝くじ

回答:


7

あなたはここで好みの問題を掘り下げています。最小限にする方法はたくさんあります。私の意見では、あなたはそれをうまくやった。友達を悩ませているのは、スタイリングの極端な減少だと思います。

すべての批評は同じではありません

あなたが尋ねるべき最初の質問は、あなたの友人はあなたのターゲットオーディエンスの代表ですか?そうでない場合は、そうである人を見つけて、彼らがどのように反応するかを見てください。

ミニマリズムのスタイル

最小限のものだからといって、完全にスタイルを解除する必要はありません。デザインに人間味を加える可能性のあるさまざまな手法がまだ利用できます。考慮すべきいくつかのこと:

  • 視覚的な階層。現在、キーパッドと式、および回答という2つのレベルの情報に対応しています。間にグレーの色合いがありますか?数値と演算子と関数(クリア、ストア、リコールなど)は、価値のあるカテゴリです。
  • 色。黒と白がこの美的感覚の明らかな選択ですが、グレーの色合い、ニュートラル、または宝石やアースの色調のパレットもそうです。
  • テクスチャ。ミニマリズムの名の下に自分をフラットカラーに限定しないでください。Appleのアプリのデザイン、たくさんのテクスチャを見てください。繊細さが鍵です。適切な名前のSubtlePatterns.comを見てください
  • 奥行き。テクスチャーは少しリアリズムを追加しますが、深さの印象はそれを一段と高めます。タイプに影を落とします。ボタンのグラデーションは、表面の湾曲を意味します。結果領域は、「埋め込み」または「高さ」になる可能性があります。
  • ユーザー構成。ユーザーがフォントを変更できるようにすることは優れたアイデアです。追加のスキンについてはどうですか?たぶん、暗く、明るく、中程度。ここでもテクスチャのアイデアが出てくるでしょう。事前に選択されたフォントオプションが適切に機能する場合があります。

私もこれらのソリューションが好きです。
OghmaOsiris 2013年

1
素晴らしい入力をありがとう!次のバージョン1.1でテーマのサポートを追加しています。しかし、それは私が自信を持っていない色/色合い/テクスチャの組み合わせです。現在、私は今のような何かをグーグルでいます:dribbble.com/shots/364467-Assembler dribbble.com/shots/727342-Stream dribbble.com/shots/344343-Blog-post-sidebarが、ほとんどのものを置く方法のアイデアを持っていません一緒。
ohho

1
あなたは明らかに優れた仕事に目があります。自分のアプリで試してみて、その上に構築してみてください。必要性を感じたら、信用のためにあなたと一緒に進んで進んでくれるデザイナーを見つけることができるかどうか確認してください。あなたはすでに1つの成功を収めています。潜在的な共同編集者に、あなたがリピートのために撮影していることを知らせてください。または、お金を提供することもできます;)
2013年

2

ボタンの周りのボーダーを取り除き、ユーザーにフォントを選択させないようにします。フォントとしてFuturaを使用しません(Futuraが大好きな場合でも)。さわやかというより単調になると思います。

私はあなたが何をしているのか好きですが、あなたの現在の批評が言っていることを私は見ています。

また、計算表示を増やして、不要なボタンを削除します。必要に応じて、それらを別の画面に表示するか、組み込みの計算の方法を実行して、didRotate()の科学計算ボタンを表示します。たぶん、異なるタイプの計算機を切り替えるためのタブバーコントローラーさえあるかもしれません。

私はあなたが作ったあなたのタイマーをダウンロードしました、そしてそれを絶対に美しいと思います。以前のデザインからインスピレーションを得ることを恐れないでください。


UPDATEにグリッドラインが追加されていないスクリーンショット
ohho

1

視覚的な階層の場合、最も使用されるキーを黒(#s、+、-など)にし、他のすべてのキーを中程度の濃い灰色にする必要があります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.