WEB Design | めざそう！WEB Expert

現在のWEBデザインにおけるトレンドが知りたい

ホワイトピノ — Fri, 09 Sep 2016 04:05:18 +0000

WEBデザインは毎年のようにトレンドが変わっていきますが、最近の主流はどういったものになるのでしょうか。

まず、近年の大きな変化として挙げられるのはフラット化と呼ばれるものです。以前まで、ウェブサイトの立体感を出すためにアイコンやタイトル文字には影をつけることが多かったのですが、今は影をつけない方がスタイリッシュであるという考えが主流になっています。

次にヘッダーよりもフッターの幅を多く取るということが挙げられます。以前は、ウェブサイトにアクセスしたときに最初に目に入るヘッダーにリンクなどの情報を集中させていましたが、今はフッターを長くして、そこに情報を押し込むようになっています。そのことでヘッダー部分がすっきりして、アクセス時にコンテンツをより多く表示できるようになっています。

そして、忘れてはならないのは、PCのモニターで表示した場合とスマートフォンで表示した場合とで見た目を変えるレスポンシブ化が進んでいることです。以前は端末ごとにURLを設定して誘導するというシステムが多かったですが、現在はアドレスは同一で、サーバー上で端末を判定して、その端末に合ったCSSを読み込ませる手法が多いです。

アクセシビリティとは？なぜ必要？

ホワイトピノ — Tue, 30 Aug 2016 13:20:58 +0000

アクセシビリティ（accessibility）は「アクセスのしやすさ」を意味する単語です。WEBサイトにおいては、主に障害者がアクセスしやすいような工夫を凝らすことを指します。ただし、ここで重要なことは、基本的に、障碍者に対するサポートシステム自体は、相手側で用意していることが多いため、アクセスされる側としては、それらを利用しやすい状況を作り上げておくということです。

基本的には、サポートシステムに対応させておくことはもちろんですが、文字の間隔を少し開けて置いたり、過剰な装飾を取り払ったりするなどの、見やすさを考慮したデザインにしておくことも必要です。これらは、健常者がアクセスする場合でも、情報を確認しやすくなると言う意味でも行っておくべき措置であると言えます。

これらの配慮は、「画面を見る」ことから、目が不自由な人に対する配慮が多く、例えば、全盲者に対してはテキストの読み上げ機能に対応できるようにしておいたり、弱視者に対しては、拡大機能を利用しやすい状況にしておいたりすることなどが考えられます。また、もちろん、視覚障害者以外の障碍者に対する配慮も必要です。例えば、聴覚障害者の場合は、画面を見ることには問題はないのですが、連絡を取る場合は電話が使えないため、電子メールなどを用意しておく必要があると言えるでしょう。

レスポンシブデザインはサイトにどんな効果をもたらす？

ホワイトピノ — Mon, 15 Aug 2016 05:45:10 +0000

WEBサイトを構築する事で、企業は幅広く商品を販売したり、サービスを提供したりする事が出来ます。コーポレートサイトでは、企業の沿革や企業の活動などを広報したり、どのような商品やサービスを開発しているのかを紹介したりしています。オンラインショップでは、多くの商品を取り扱っており、これを一覧表示したり、商品を詳細に紹介したりするようになっています。

近年では、スマートフォンでアクセスする人々が増えた事で、スマートフォン向けのページが必要になってきています。その為、一般的にはスマートフォン向けのHTMLコードとCSSを用意しなければいけません。しかし、レスポンシブデザインを採用する事によって、PC向けのページとスマートフォン向けのページのソースコードを共有して、CSSでコントロールするといった事が出来るようになっています。

可変レイアウトを採用する利点は、自動的にデバイスのディスプレイに応じてレイアウトを変更してくれる事です。その為、ユーザーは意識せずに、デバイスに適したレイアウトでサイトを見る事が出来るようになっています。可変レイアウトを採用している企業は増加しており、オンラインショップとの相性が良いレイアウトと言えます。