Page 9 of 17
Webコーディングを行う時に、初心者が悩みがちなトピックとして「どうやって要素を横並びにするか」というものがあります。 要素を横並びにするCSSの書き方として、大きく以下の5つが主要な方法ですね。 C…
プロトタイピングツールも最近は色々な進化を遂げ、単にプロトタイプを作成するだけに限らず、プロトタイプの画面上にコメントを残してフィードバックしたり、リモートで音声通話ができたり、画面遷移図だってプロト…
プロダクトやプロジェクトの規模が大きくなってくると、チームでのデザイン制作作業を行わなければなりません。 1人でデザイン制作をする場合は、自分の中でルールを決めればデザインを作ることができますが、チー…
「Webページを作ったのに、全然上位に表示されない…。」というのは、Webページを作ったことのある方なら誰もが経験したことがあると思います。 頑張って作ったWebサイトであれば、検索結果の上位に表示さ…
デザインを作成したら、フィードバックをもらい改善するサイクルを短期間で繰り返すというスタイルがアジャイル型のプロダクト開発ではとても重要です。 最近では、プロトタイプを使ってデザインのフィードバックを…
2019年のロゴデザインのトレンドを予測する上では、グラフィックデザインのトレンドがとても参考になります。 しかし、デザインのトレンドが毎年変化する中、ブランドのロゴのデザインは一般的に毎年更新される…
Froala Design Blocksとは、Webページのパーツとなる「ブロック」を組み合わせていくことで手軽にWebページのベースとなるHTMLファイルを作ることができるサービスです。 そんなFr…
2018年もまだ少し残っていますが、私たちは早くも2019年のグラフィックデザインのトレンドがどうなるのか気になって仕方がありません。 世界中のグラフィックデザインの動向をチェックしていると、2018…
最近見つけたWebデザインの参考になるサイトをまとめました。 今月は、イラストを活用したデザインが多く選ばれたかなと思います。イラストを活用したデザインは2019年のトレンドになると見られており、今後…
毎年12月に翌年のテーマカラーを発表しているパントン（PANTONE）が2019年のカラーオブザイヤーを発表しました。 2019年のテーマカラーは「Living Coral」と呼ばれる鮮やかなピンク色…
色々なデザインのベースになっている「デザインの4つの基本原則」を知っていますか？ 「近接」「整列」「強弱」「反復」の4つの原則は、優れたデザインを作るためにはどれも欠かせない要素です。 また、デザイン…
Webサイトやサービス作りには、デザイナーとエンジニアのどちらもも欠かせません。 Webサイトであれば、デザインからコーディングまで一人で済ませてしまう場合もあるかもしれませんが、大規模なサービスにな…
そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか…
ユーザービリティはサービスの成功を左右する非常に重要な要素です。いくら機能が優れていても、それが使いづらければユーザーがそのサービスを利用し続けてくれません。 では、どうすればユーザビリティの優れたサ…
ホームページを自分で作る場合は、HTMLやCSSを使ってコーディングを行わなければなりません。Web制作に慣れている人であれば、比較的短期間でWebサイトを作れてしまうかもしれませんが、初心者の方がい…
Appleが主催するWWDC2018の中で「Designing Fluid Interfaces」というセッションが発表されました。 Fluid Interface（フルイドインターフェース）をそのま…
マイクロインタラクションとは、ユーザーのアクションに対するフィードバックやステータスの変化を正しく伝えるための細かなデザインのことです。 なんとなくマイクロインタラクションという言葉の意味は分かってい…
近年、イラストを活用したWebデザインがトレンドになっていて、多くのWebサイトで見かけるようになりました。 イラストをデザインに取り入れることによって、オリジナリティが溢れる印象的なWebサイトを作…
トップページのファーストビューで画面いっぱいに背景動画を使用したデザインのWebサイトをよく見かけます。 動画を使ったデザインは、現在では一般的なデザイン手法となっていて、うまくデザインすることができ…
2018年からGoogleでもモバイルファーストインデックスが正式にスタートし、モバイルファーストという言葉の存在感がさらに高まりました。 モバイルファーストにおける正しいデザインとは、どのようなデザ…
タイポグラフィとは、簡単に言うと「テキストのデザイン」のことです。 下記のような様々な要素の組み合わせで成り立っており、それによってテキストの与えるイメージが大きく左右されます。 フォント サイズ 太…
2018年10月に見つけたWebデザインの参考にしたいWebサイトを集めました。 今月は様々な雰囲気のWebサイトをピックアップしました。いずれも、Webサイトの取り扱うコンテンツの特徴がWebデザイ…
Photoshopは、Adobeが提供するデザインツールです。写真の加工やグラフィックデザインなど、デザイン制作の現場では欠かせないツールですが、高機能がゆえに使い方を覚えるのが大変で、使いこなせるよ…
metaタグ(メタタグ)とは、検索エンジンに向けてページの情報を伝えたり、ブラウザに対してページの表示方法を指示したり、SNSでシェアされた時の表示方法をコントロールするなど、とても重要な情報です。 …
