Upgrade to Pro — share decks privately, control downloads, hide ads and more …

做好做滿 Android UI

Bing
December 03, 2015

做好做滿 Android UI

Bing

December 03, 2015
Tweet

More Decks by Bing

Other Decks in Design

Transcript

  1. MDPI HDPI XHDPI XXHDPI XXXHDPI 婘硯 1x 1.5x 2x 3x

    4x 粚ᶎ疝 px 360 - 720 1080 - 粚ᶎṛ px 640 - 1280 1920 - 戔ਧ DPI 膏粚ᶎ疳ੑ
  2. 19dp 30dp 6dp 4dp 5dp 8dp 16dp 10 dp 11

    dp 12 dp 14 dp … 婘仂 ܻ๜ጱ樌蚣
  3. <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingTop="@dimen/margin" android:paddingBottom="@dimen/padding"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/lorem_ipsum"/>

    <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/lorem_ipsum" android:padding="@dimen/padding"/> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/lorem_ipsum"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/lorem_ipsum" android:layout_marginTop="13dp" android:layout_marginRight="8dp" android:layout_marginLeft="10dp" android:layout_marginBottom="4dp"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/lorem_ipsum" android:layout_marginRight="8dp" android:layout_marginLeft="4dp" android:layout_marginBottom="11dp"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/lorem_ipsum" android:layout_marginRight="8dp" android:layout_marginLeft="11dp"/> </LinearLayout>
  4. White 70% White 30% Black 26% Black 54% Black 87%

    White 100% White 70% White 30% Black 87% Black 54% Black 26% White 70% White 30% Black 26% Black 54% Black 87%
  5. 戔ਧ dpi 膏໒娄 MDPI HDPI XHDPI XXHDPI XXXHDPI scale 1x

    1.5x 2x 3x 4x ໒娄 8px 12px 16px 24px 32px 蚤褰໒娄蕣֢
  6. Q&A