世界の情報社会の一角を担っているTwitter現代において、若者~中年層で使っていない人がいないと言われるほど成長を遂げたSNS。その中でも、Twitter、Facebook、Instagram、そして動画プラットフォームであるYouTubeは群を抜いてユーザー数が多く人気です。Twitterのサービスが開始されたのが2006年、まだ15年も経っていませんが、大手SNSは情報社会の中核になりつつあります。webデザインの指標としてもこれらのSNSが模範とされることが多く、デザイナーはアップデートの際にデザインの変化に注目します。そんなデザインリーダーである大手SNSが意識しているポイントをいくつかまとめたので、良かったら読んでみてください!Twitterの特徴的なデザインTwitterのUIデザインに関しては、下記の方がSketchでトレースした感想を述べています。右のウィジェットにおすすめのツイートとトレンドが配置されています。特徴としては、右のウィジェットにborder-radius(角丸)が付与されており、背景がグレーになっている点です。サイドバーを視覚的に分かりやすく区別するために角丸にする工夫はおもしろいと感じました。ブログやメディアなどを運営している方は、自分のサイトのサイドバーに施したら良いかもしれません。下画面がツイートブロック要素の途中で見切れるように設計されています。これはまだ下にツイートがあることを瞬時にユーザーに認識させるため、意図的に行っている仕様です。普段Twitterを使っている方は当たり前に感じるかもしれませんが、デザインにおいて要素の途中であえて区切るという行為はとても高度な工夫であると感じます。ちなみにInstagramやYouTubeにもこの工夫が施されています。ユーザビリティを考えたデザイン」ということが分かりますね。Twitter等のデザインリーダーをチェックすることは大切いかがでしたか。最新のWebデザインを学ぶ上で最も手っ取り早い方法がデザインリーダーのデザインをトレースしたり、CSSをチェックしたりすることです。今回の記事がWebデザインを考える上で参考の一端になればと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。