学科(XD基礎②)

-本日アジェンダ-

1限目
学科(XD基礎②)
floatについて

2限目
学科(XD基礎②)
clearについて

3限目
学科(XD基礎②) 
XD基本操作について

4限目
学科(XD基礎②) 
デザインカンプ制作

5限目 
学科(XD基礎②) 
本日のまとめ

本日のテーマ

float と clearはセットで考えましょう。

float と clear

float …… 左または右に寄せて配置する
clear …… 回り込みを解除する

overflow

overflow …… はみ出た要素の表示方法を指定する

box-sizing

box-sizing …… ボックスサイズの算出方法を指定する

学科(XD基礎①)

-本日アジェンダ-

1限目
学科(XD基礎①)
marginについて

2限目
学科(XD基礎①)
marginについて

3限目
学科(XD基礎①)
XD基本操作について

4限目
学科(XD基礎①)
デザインカンプ制作

5限目
学科(XD基礎①)
本日のまとめ

本日のテーマ

デザインカンプ(ワイヤーフレーム)を作りましょう。

adobe XDについて

XDに使用することで、デザイナーはより早く、正確に、高い品質で作業できます。インタラクティブなプロトタイプをシームレスに反映し、Windows、Mac、iOS、Androidなどの様々なデバイスやプラットフォーム上でチームのメンバーやレビュー担当者と共有できるようになります。

補足情報

XDはまだまだ発展途上段階なので、便利な部分もあれば、まだまだ使い勝手の悪い部分もあります。ただし日々アップデートされているのでたまに様子を見てみてください。

参考サイト

margin padding マージン・パディング