「アーティスト」のインターフェイスの作成方法
しばらく前、ワークショップの同僚である優秀なプログラマーであり、優秀な人物であるDmitry Ryzhkovが、彼の描画プログラム「My Little Artist」 でIntel Atomの最高のアプリケーションのコンテストで堅実な賞を受賞しました。 成功に勇気付けられて、Dmitryはプロジェクトの開発を継続することを決定し、商業プロジェクトにし、インターフェイスなどの複雑な問題の支援をスタジオに依頼しました。 喜んで仕事に取り掛かります。
プログラムの最初のバージョンは、競争に勝った非営利アプリケーション向けであるように見えました。
しかし、ご存知のように、外観は商用製品の最後のものではありません。 そのため、「高度なダミーユーザー向けに選択、クリック、描画」の描画プログラムのインターフェイスを作成します。
デザイナーのニキータ・テムリヤザンスキーが仕事を引き受けました。 デザイナーの最初の思いは何ですか？ そうです、彼が使用するツールはPhotoshop / Illustratorです。
以前より良くなりました。 しかし、実際にはPhotoshopであったため、クローンは必要ありません。 さらに、プログラムは主にアマチュア向けに設計されていますが、この類似性は役に立ちません。 外観を操作する必要があります。
さらに良くなりました。 しかし、この左の垂直パネルは、しっかりと固定されていますか？ たぶん彼女を解こうとする？ カーソルが置かれている場所でマウスの右ボタンを押すと、ドラフトマンが画面上で「実行されず」、プロセスから「離脱しない」ように表示されます。 そして、必要なパラメーターを選択した後、パネルを非表示にします。 なぜなら このアプリケーションは、主に画面解像度が低いネットブックユーザーを対象としています。このソリューションにより、ワークスペースを最大限に使用できます。
これで、パネルは左端から「ほどけ」ます。 この高さで1列のアイコンの配置は適切ですか？ 2つの列を試します。 同時に、トップメニューを右に移動し、ワークスペースを保存するために、非表示/展開にします。
いいね そして、なぜ2つのメニューで機能を複製する必要があるのですか？ 垂直メニューには描画用の作業ツールのみを残し、残りは上部に表示します。 そして、何かアイコンは小さく、すべてが企業にも厳格です。 実際、そのようなプログラムは子供たちによって使用される可能性が高い。 アイコンを拡大して改善します。
素晴らしい。 メニューの上に「最後に選択した5つの色」という便利な機能が表示されました。 一般に、コンセプトは準備ができています。 粉砕を開始します。 作業メニューには、「新しいドキュメントの作成」ボタンという外部要素があります。 それを削除すると、2列のメニューが台無しになる奇妙なものになります。 トップメニューに切り替えます。 アイコンを使用して明確に描写できなかった単一のアイテムはありません。 また、アイコンがコンパクトな場合、それらは干渉せず、インターフェイスはより全体的に見えます。 改造すると同時に、ミラーリングを担当する「アイ」アイコンを上に移動します。 そのデザインをより明白なものに変更します。
ちなみに、2列メニューは気に入らなくなり、6項目しかありません。 1つの列を返してみましょう。 「ホット」カラーがあります。「ホット」ブラシを追加してください。
良いです また、ミラーモードアイコンをワークスペースに戻します。 繰り返しますが、彼女のデザインをさらに理解しやすいものに変更します。 元に戻すは、やり直しはできません。 履歴が必要ですか？ このクラスのプログラムでは、これは無関係です。 履歴が削除され、やり直しが追加されます。
作業プロトタイプは、両側で準備ができて快適です。 今、設計とソフトウェア技術の交差点でのコラボレーション。 最終バージョンでは、ブラシをやり直す必要がありました。 小さな正方形のアイコンにブラシのサンプルを適切に描くことは困難であることが判明したため、大きな長方形のアイコンに置き換えられました。 したがって、「ホット」ブラシを削除する必要がありました。
このプロジェクトに取り組むことに非常に興味がありました。 ウェブサイトやインターネットサービスの設計の開発に豊富な経験があり、絵文字を繰り返し描画する必要がありましたが、デスクトップアプリケーションでは初めてインターフェイスを作成しました。 ドミトリーは結果に満足しており、私たちは協力しており、ユーザーは私たちの協力の共同成果を試して評価する必要があります。
ちなみに、Dmitryと私はKhabrovitesに特別なサプライズを用意しました。 ここからプログラムを無料でダウンロードできます。 たぶん、あなたはそれを好きになるでしょう、または、あなたの子供たちは異なる面白い絵を描いて幸せです。 いずれにせよ、プロジェクトのさらなる発展に役立つフィードバックや提案を聞くことは興味深いでしょう。 ありがとう
プログラムの最初のバージョンは、競争に勝った非営利アプリケーション向けであるように見えました。
しかし、ご存知のように、外観は商用製品の最後のものではありません。 そのため、「高度なダミーユーザー向けに選択、クリック、描画」の描画プログラムのインターフェイスを作成します。
デザイナーのニキータ・テムリヤザンスキーが仕事を引き受けました。 デザイナーの最初の思いは何ですか？ そうです、彼が使用するツールはPhotoshop / Illustratorです。
以前より良くなりました。 しかし、実際にはPhotoshopであったため、クローンは必要ありません。 さらに、プログラムは主にアマチュア向けに設計されていますが、この類似性は役に立ちません。 外観を操作する必要があります。
さらに良くなりました。 しかし、この左の垂直パネルは、しっかりと固定されていますか？ たぶん彼女を解こうとする？ カーソルが置かれている場所でマウスの右ボタンを押すと、ドラフトマンが画面上で「実行されず」、プロセスから「離脱しない」ように表示されます。 そして、必要なパラメーターを選択した後、パネルを非表示にします。 なぜなら このアプリケーションは、主に画面解像度が低いネットブックユーザーを対象としています。このソリューションにより、ワークスペースを最大限に使用できます。
これで、パネルは左端から「ほどけ」ます。 この高さで1列のアイコンの配置は適切ですか？ 2つの列を試します。 同時に、トップメニューを右に移動し、ワークスペースを保存するために、非表示/展開にします。
いいね そして、なぜ2つのメニューで機能を複製する必要があるのですか？ 垂直メニューには描画用の作業ツールのみを残し、残りは上部に表示します。 そして、何かアイコンは小さく、すべてが企業にも厳格です。 実際、そのようなプログラムは子供たちによって使用される可能性が高い。 アイコンを拡大して改善します。
素晴らしい。 メニューの上に「最後に選択した5つの色」という便利な機能が表示されました。 一般に、コンセプトは準備ができています。 粉砕を開始します。 作業メニューには、「新しいドキュメントの作成」ボタンという外部要素があります。 それを削除すると、2列のメニューが台無しになる奇妙なものになります。 トップメニューに切り替えます。 アイコンを使用して明確に描写できなかった単一のアイテムはありません。 また、アイコンがコンパクトな場合、それらは干渉せず、インターフェイスはより全体的に見えます。 改造すると同時に、ミラーリングを担当する「アイ」アイコンを上に移動します。 そのデザインをより明白なものに変更します。
ちなみに、2列メニューは気に入らなくなり、6項目しかありません。 1つの列を返してみましょう。 「ホット」カラーがあります。「ホット」ブラシを追加してください。
良いです また、ミラーモードアイコンをワークスペースに戻します。 繰り返しますが、彼女のデザインをさらに理解しやすいものに変更します。 元に戻すは、やり直しはできません。 履歴が必要ですか？ このクラスのプログラムでは、これは無関係です。 履歴が削除され、やり直しが追加されます。
作業プロトタイプは、両側で準備ができて快適です。 今、設計とソフトウェア技術の交差点でのコラボレーション。 最終バージョンでは、ブラシをやり直す必要がありました。 小さな正方形のアイコンにブラシのサンプルを適切に描くことは困難であることが判明したため、大きな長方形のアイコンに置き換えられました。 したがって、「ホット」ブラシを削除する必要がありました。
このプロジェクトに取り組むことに非常に興味がありました。 ウェブサイトやインターネットサービスの設計の開発に豊富な経験があり、絵文字を繰り返し描画する必要がありましたが、デスクトップアプリケーションでは初めてインターフェイスを作成しました。 ドミトリーは結果に満足しており、私たちは協力しており、ユーザーは私たちの協力の共同成果を試して評価する必要があります。
ちなみに、Dmitryと私はKhabrovitesに特別なサプライズを用意しました。 ここからプログラムを無料でダウンロードできます。 たぶん、あなたはそれを好きになるでしょう、または、あなたの子供たちは異なる面白い絵を描いて幸せです。 いずれにせよ、プロジェクトのさらなる発展に役立つフィードバックや提案を聞くことは興味深いでしょう。 ありがとう
All Articles