【翻訳】UIデザインを改善する「文字列メソッド」(Alexander Deplov’s Blog, 2023)

medium.com

UIを構築しているときや競合のアプリを分析しようとしているときに、UIがおかしいことに気づくことがあります。ただ、間違っているように見えたり、整列がうまくいっていなかったり、ノイズが多かったりするのです。

UIをもっとプロフェッショナルでクリーンに見せる必要があるなら、文字列メソッドを使って素早くきれいにすることができます。

まずこの画面を見てみよいます。明らかにうるさいし、うまく整列していないのがわかります:

UIデザインにおける文字列メソッドの使い方

  1. 最初のステップとして、画面の各行を水平にスキャン新しいオブジェクトがパス上に現れるたびに、縦線(文字列)を描画する必要があります:大量の文字列は、UIがノイジーで、整列されていないことを示します。

  2. 次に、UIを再構築し、縦線を減らす必要があります。タイポグラフィや色を変えたり、レイアウトを改善しなくても、文字列の量を減らすだけで、UIを劇的に改善することができます:

    左側:文字列の量を減らしたバージョン、右側:結果を見るためのコンテンツと色を加えたバージョン

  3. 元のデザインと更新されたデザインを比較してみましょう:

文字列メソッドの使用は、UIデザインを改善するための貴重なツールになり得ますが、カラムもこのプロセスで役割を果たすことを認識することが重要です。文字列メソッドはUIを素早くきれいにするのに役立ちますが、カラムはデザインに構造と整理を与えることができます。カラムは、要素がきちんと配置され、整列されていることを保証する土台のようなものであり、文字列メソッドは詳細な分析のための微調整ツールのようなものだと考えてください。