デザイン
デザイナーの道具箱
10

デザイン指定のポイントの最終回は、ボタン、ボーダー、表組み、アイコンフォント、JSで実装するUIの指定を取り上げます。アートディレクターの小原が重要だと考える理由と、指定方法を詳解します。

小原 司
小原 司 | UIデザイナー

デザイン指定で、考えるべきポイントは3つあります。デザインをエンジニアへ渡すときに何を準備して渡すか、デザインの共通部分、個別部分の指定をどう行うかです。これらを詳しく解説します。

小原 司
小原 司 | UIデザイナー

デザイン指定はフロントエンド・エンジニアに、実装に必要な情報を過不足なく伝える手段です。ユーザーに情報を伝えるデザインとは、観点を変える必要があります。そのポイントを解説します。

小原 司
小原 司 | UIデザイナー

エンジニアが実装時に使うデザイン指定は、エンジニアとの大切なコミュニケーションのひとつです。この記事では、画面デザインをエンジニアに渡す場合の、デザイン指定の実践例を紹介します。

小原 司
小原 司 | UIデザイナー

この記事ではGIF、JPEG、PNG、それぞれの圧縮方式の詳細を解説しながら、どのような画像の圧縮が得意なのか、また不得意なのかを考えます。画像の軽量化のポイントとなる知識です。

小原 司
小原 司 | UIデザイナー

コンテンツの表示速度は重要な「機能美」のひとつだと言えます。この記事では、画像の圧縮方法を理解することで、表示速度の向上に寄与する画像の特徴を解説します。

小原 司
小原 司 | UIデザイナー

この記事では、Webフォントのメリットやデメリットを実際のWebアプリケーションの実装例を通して紹介します。

德田 和規
德田 和規 | フロントエンド・エンジニア
小原 司
小原 司 | UIデザイナー

Webフォントを使用するにあたってのフォントの選択肢、また、必要となるライセンスの問題、表示速度の問題とその対策を解説します。

德田 和規
德田 和規 | フロントエンド・エンジニア

この記事ではアイコンをフォントとして収録したFont Awesomeの使い方を解説します。class名に所定の名前を追加すると、大きさの変更などが可能で、使い勝手のよさが特徴です。

小原 司
小原 司 | UIデザイナー

この記事では、さまざなアイコンをフォントファイル形式にまとめたFont Awesomeを紹介します。多端末対応、Webパフォーマンス向上に、アドバンテージを持つ技術です。

小原 司
小原 司 | UIデザイナー