2022年3月第2週号

2022年3月第2週号　1位は，中国語と英語でのアプリUIの違いの考察，気になるネタは，LAN用メッセンジャー「IP Messenger」に初の商用版Pro

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から，Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は，2022年2月28日〜3月6日の間に見つけた記事のベスト5です。

中国語と英語でのアプリのUIの違いについて考察した記事です。英語に比べて中国語UIではホワイトスペースが少なめで詰め込まれたものが好まれるとのこと。また、カラフルな配色が多いなど中国のUIの傾向は日本に近いと感じました。

以下の項目で中国語と英語でのUIの違いを解説しています。

図1　中国語と英語でのアプリUIの違いの考察

uxdesign.cc_a-few-ui-differences-between-chinese-and-english-apps-e72400bb08da(Webテク通信).png

Flexboxでアイテムとアイテムの間に区切り線を付けるテクニックを紹介しています。スマホサイズではアイテムが縦に並んで水平線の区切り、デスクトップサイズでは横に並んで縦線での区切りとなるCSSが意外と簡単に記述できます。

なお、余談ながらTailwind CSSではFlexbox、Gridでのアイテム間の区切り線を簡単に付けることができて便利です。

図2　Flexboxでアイテム間に区切り線を付けるテクニック