デザイナーが開発者へのAndroidアプリの転送を準備するにはどうすればよいですか?

アプリケーションのグラフィックスをカットする場合、多くの場合、デバイスの解決やGoogleのグリッドと推奨事項の問題から、アプリケーションを開発者に直接転送するまで、多くの困難が生じます。 2年間、10を超えるアプリケーションの設計に取り組み、さまざまな問題の解決策を見つける方法を学び、最終的にアプリケーションが設計と同じように見えるようにしました。
これについては、カットの下で説明します。




許可




xxxhdpi-最大解像度

仕様書


仕様を作成する場合、インターフェイス要素がグリッド上にあることを確認する必要があります。 XXHのメッシュサイズは24ピクセルで、残りの解像度は12ピクセルです。 (上記の表を参照)

画像

すべてのメニュー項目を編集することはできません。色のみを設定できます(メニューのデータは材料設計にあります
各要素をグリッドに入力する必要があります。 Googleでは、SPのピンセット(12、14、16、20、および34)を推奨しています。 SPは、計算されるユニバーサルフォントサイズです。
x(pt)* 3 = n(sp)

画像

それは何のためですか?


Material Designでは、寸法はspとdpになります。Androidでは画面の高さと幅だけでなく解像度もメーカーごとに異なるため、spとdpiは普遍的です。 ただし、アプリケーションによってはデバイスに応じて異なる方法でドラッグされるため、最大解像度で描画します。



切断


「カット」フォルダーが作成され(後で開発者に転送されます)、次に、必要なアクセス許可(XXH、XH、Hなど)に対してフォルダーが作成されます。作成後、アイテムは適切なアクセス許可と名前でフォルダーに配置されます。



スライス要素のサイズは3の倍数で、dpで記述されている必要があります。 つまり、アイコンのサイズが240ピクセルの場合、80 dpのサイズを記録します。



注釈


注釈では、オフセット、グラフィック要素のサイズ、フォントサイズに署名します。

ちなみに、注釈specctr proの便利なプログラムがあります

画像

これらの数値は、X軸とY軸に沿った要素の座標であり、開発者が要素の座標を入力し、要素を所定の位置に配置するために必要です。 たくさんのサイズと線があり、混乱する可能性があることを理解しています。 ロジックを導入することをお勧めします。1つの色またはスタイルでグラフィック要素のサイズに署名します。
標準の要素(バー、アラート、セパレータ)は署名する必要はありません。最大値を強調表示する必要がありますが、開発者に確認することをお勧めします。

フォント注釈、区切り文字の色とサイズの例:



グラフィック要素(ボタン)


ボタンには3つの状態があることに常に留意してください。 それらを描くことを忘れないでください。さもないと、開発者はあなたのためにそれをしなければなりません。



Androidでは、グラフィック要素は1つの色で構成されている場合、すべての方向に伸縮するプロパティを持ちます。

画像

これは、スライスでのボタンの外観です。
画像

切り取り、レイアウト、グラフィック要素を確認し、注釈を付けて開発者に渡します。

そして、レビューを行うことを忘れないでください!

質問/提案/コメントがある場合は、コメントを書いてください。

PS:このテーマに関する資料はほとんどありません。もしあれば、共有してください;)

Source: https://habr.com/ru/post/J263303/


All Articles