新年も始まり2019年に流行するであろうWEBトレンドの最新情報をまとめてみました。
流体シェイプ
波面のような滑らかな曲線をデザインに取り入れた流体シェイプは、最近多くのWebデザインで見られるようになってきました。
柔らかくて優しい印象を生み出しサービスや商品をより魅力的に見せてくれるような効果を持っています。
そもそも「流体シェイプ」とは、液体が波打つ時に生まれるような曲線を取り入れたデザイン手法です。
セクションの境目を直線ではなく波形にしてみたり、ブロックを囲う枠を四角や丸ではなく、ふわふわとした抽象的な図形にしてみたり、取り入れ方は様々で、色々なシーンで用いることができます。
■活用しているサイト
Bodymovin Solutions
https://bodymovin.solutions/
Wed’ze ski goggles collection
http://goggles.wedze.com/winter-2017-2018/en
Zeloqode
https://dev.zeroqode.com/
Supremo
https://www.supremo.co.uk/
太字でくっきりとしたタイポグラフィ
太字のくっきりとしたタイポグラフィを取り入れたデザインは2018年から増えており、今後も注目の手法です。
文字の視認性が高まるため、ユーザーに伝えたい情報をしっかりと伝えることができる他、信頼感や安心感のあるデザインに仕上げることができるというメリットもあります。
■活用しているサイト
Apple
https://www.apple.com/jp/macbook-air/
marchily
https://www.marchily.jp/
ブロークングリッドレイアウト
グリッドレイアウトは、要素を規則正しく整列することによって美しく、分かりやすいデザインに仕上げる手法ですが、それに対してブロークングリッドレイアウトは要素をあえてずらしたり、重ねたりすることによってデザインに遊びを取り入れるデザイン手法です。
ブロークングリッドレイアウトを用いることによって、デザインに躍動感や開放感が生まれ、オリジナリティがあって楽しい印象のWebサイトを作り上げることができます。
■活用しているサイト
Stanford d school
https://dschool.stanford.edu/
Santa Fe Institute
https://www.santafe.edu/
兵神機械工業株式会社
https://www.hsn-kikai.com/
フラットデザイン2.0
一般的なフラットデザインも引き続き人気がありますが、「フラットデザイン2.0」というアイデアを取り入れるWebデザインです。
簡単に言ってしまうと、「フラットデザインの魅力は取り入れながらも、フラットデザインに縛られすぎないデザイン」のことを指します。フラットデザインをベースに作られていますが、ボタンや重要な要素などにドロップシャドウが付けられていて、よりユーザービリティが考慮されたフラットデザインに仕上げられています。
■活用しているサイト
bebold
https://www.bebold.ch/#1
Fluid Interfaces
Fluid Interfacesとは、AppleがWWDC2018で「Desigining Fluid Interfaces」というトークセッションで発表されているように、AppleのUIデザインに大きく影響を与えているインターフェイスデザインの考え方です。
「現実世界の拡張」をキーワードに、デジタルな世界でも現実世界における考え方や行動の原則を当てはめ、より直感的に分かりやすく使いやすいUIデザインを目指すための考え方です。
以上、一部となりますが今年流行するかもしれないデザイン手法をご紹介しました。
2018年から継続して続いているトレンドもありますが、2019年はより自由でオリジナリティを押し出したデザインが1つのポイントになりそうです。また重要な要素として「ユーザビリティ」があげられます。
AppleのFluid Interfaceや、モバイルファーストデザインなど、利用者が使いやすいUI、UXデザインを適切に行うことによって、サービスの利用率やWebサイトのアクセス数に大きな影響を及ぼします。
最新のデザイントレンドをしっかりと押さえながらも、そのデザインの目的や意義をしっかりと意識し、最適なデザインを作り上げるようにしましょう。
━━━━━━━━━━━━━━━━━━━━━━━━━━
広告・販促のご相談承ります。お気軽にお問い合わせ下さい
日広株式会社福岡支店
〒811-1321 福岡県福岡市南区柳瀬2-15-20
TEL 092-573-7011
E-mail info@fukuoka-pamphlet-seisaku.com
福岡県でデザインパンフレットのことならお任せ!
【福岡パンフレット制作.com】
URL https://fukuoka-pamphlet-seisaku.com/
━━━━━━━━━━━━━━━━━━━━━━━━━━