ソフトウェア インターフェイスの設計、コントロールのカラー マッチング、およびいくつかの実践的な提案 (怠惰なスキル) の概要 - C# WinForm/WPF テクノロジ向け

以前の記事では、コントロール パッケージの使用法について詳しく説明しましたが、私たちは C#WinForm エンジニアとして基本的に PC 上で作業します。多くの企業には専任のデザイン チームが存在しません。どのようなインターフェイスを作るかは、基本的に自分たちの美学に依存します。

しかし、私たちは単なるプログラマーであり、デザインについては理解していません。インターフェースのデザインにあまり時間をかけることはできませんし、デザインを学んで美学を養うつもりもありません。そこで、時間のコストを最小限に抑える、より簡単で効果的な方法はないだろうか。シンプルで美しく、デザイン性の高いインターフェースを作ってみませんか以下で私のヒントをシェアしてください!

専門的なことは専門家がやるべきです!XabaoとDuoduoではPPTテンプレートが激安で購入できるので、私は400セットを3元で購入しました!  注意: ネットワーク ディスク内で直接検索できるように、サムネイル付きのものを購入してください。

見た目に満足できる PPT テンプレートを見つけたら、それをダウンロードし、カラー ピッカー ツールを使用してPPT からカラー マッチングを削除します

カラーピッキングツールのリンク: https://pan.baidu.com/s/1CxY8uW1csajlc17MWHxGVg?pwd=4fdb抽出 
コード: 4fdb

私が選択したPPTテンプレートは次のとおりです。カラーマッチングは緑とオレンジです。内部のオレンジと緑を抽出します。

 

カラー選択ツールを使用して画面をクリックして色を選択し、対応する色の上にマウスを置いてクリックしてカラーコードをコピーし、カラー マッチングをソフトウェアに適用します。

 効果は悪くないことがわかります。この PPT を選択し、PPT をダウンロードし、色を選択し、色を置き換えるまで、わずか 10 分しかかかりませんでした。

さらに、PPT 内のほとんどの画像には透かしがありません。ソフトウェアのウェルカム インターフェイスを作成する必要があり、背景として画像を見つけたいと考えています。インターネット上の多くの画像には透かしがあり、使用できません。そこで、これを見つけました。シンプルなスタイルPPT:

 このPPTの背景がとても似合っていると思います 画像を右クリックして名前を付けて画像を保存を選択してください この画像は私のものになります(笑)

ただし、以前に選択した色はオレンジと緑だったので、より調和するようにこの画像を緑に変換する必要もあります。

オンラインで写真の色を変更するための Web サイト: https://www.topdodo.com/quxian

色相を緑色に調整し、明るさを適切に調整すると、基本的にテーマカラーと一致するこの画像が得られます。

この画像をウェルカム インターフェイスの背景画像としてソフトウェアに配置すると、次のような効果が得られます。

解像度が高い一部のコンピュータではいくつかのカラー パッチが見えるかもしれませんが、当社の産業用コンピュータの画面には何の痕跡も見えないため、調整するのが面倒です。

PPT テンプレートにはさまざまな背景画像が用意されており、それらはすべてソフトウェアの背景に適しています。

さらに、PPTテンプレート内の各図形を右クリックして画像として保存すると、切り抜き不要のPNG素材が得られます。これが最も実用的な機能だと思います。グラフィックが必要で PS の使い方がわからない場合は、多くの場合、PPT に移動してドラッグ アンド ドロップするだけで完了できます。

たとえば、PPT テンプレートでは、この PPT は次のようになります。

パズルのピースのように見せたいので、パズルのピースを右クリックして名前を付けて保存すると、切り抜きがなく背景が透明な PNG が得られます。

別の例として、この PPT テンプレートでは、非常にテクスチャーのある3 次元のボタンが 気に入っています。また、右クリックして名前を付けて保存します。

生成される画像も透明かつ切り抜きフリー素材で、このような影付きの透過PNGはPSでは切り抜くことができない場合もありますが、PPTなら右クリック一発で切り抜くことができます!

自分のソフトに直接入れて、アイコンを選択して配置すると、5分もかからずに立体的なボタン効果が現れ、素材画像を保存して今後のソフトで使用できるようになりますまさに便利すぎます!

PPT テンプレートから取得したスタイル ボタンを作成します。

また、PPT には多くの機能があります。たとえば、2 つのグラフィックを結合することができます。保存された画像は 2 つのグラフィックを結合した画像になります。これらは非常に便利な機能です。私も昨年、Q&A 分野の問題解決を支援したときに PPT を使用しました。最終的な効果は非常に美しいです (ただし、これは Web ページです): https://ask.csdn.net/questions/7774639/53884667?spm=1001.2014.3001.5504

この業界に入って3年目です。私の力はそれほど高くありませんが、私の経験とスキルを皆さんと共有できれば幸いです。参考になると思われる場合は、注目していただければ幸いです。 Winform/WPF に関する関連知識。

-------------------------------------------------- -------------------------------------------------- --------------------------------------

次:

MaterialsSkin はシステム パネル コンテナーと組み合わせて使用​​され、適応的で快適なレイアウトを実現しますhttps://blog.csdn.net/XX_YZDY/article/details/129319833

おすすめ

転載: blog.csdn.net/XX_YZDY/article/details/128658580