AdobeXD講座/教程2/ガイドとグリッド
ガイドとグリッド 動画06:00~
「今回のサンプルでは、アートボードが375pxなので・・」ということで、添付の通り「列:4、段落幅:10、リンク左右マージン:24」にしてあると教えていただきましたが、他のアートボードだったらどうなるのでしょうか?
「375pxの場合はこの数字、〇〇pxの場合はどうなる」という比率や計算式はあるのでしょうか?
また、私が実際にやってみると、同じiphoneXで375px初期設定では、リンク左右マージンは36になっていますが、24に手動設定した理由というのはあるのでしょうか?(動画内では説明はありませんでした)
実際に作るときには、要元から数値の指定がある(=それに従う)のでしょうか?それとも自分で好きに設定するのでしょうか?
「今回のサンプルでは、アートボードが375pxなので・・」ということで、添付の通り「列:4、段落幅:10、リンク左右マージン:24」にしてあると教えていただきましたが、他のアートボードだったらどうなるのでしょうか?
「375pxの場合はこの数字、〇〇pxの場合はどうなる」という比率や計算式はあるのでしょうか?
→列の数や、段落幅・リンク左右マージンの数値は、デザイナーの考え方によっても違いますし、デザインする内容でも変わってきますので、アートボードのサイズによって特定の比率や計算式があるわけではありません。
また、私が実際にやってみると、同じiphoneXで375px初期設定では、リンク左右マージンは36になっていますが、24に手動設定した理由というのはあるのでしょうか?(動画内では説明はありませんでした)
→デフォルトの36では、画像やテキストフィールドが小さくなってしまうので、今回は24に設定したのではないでしょうか。
グリッドや左右のマージンの数値は、必要な要素(画像やテキストフィールドなど)がどのようなもので、それらをどのくらいのサイズで配置したいかによって変わります。
実際に作るときには、要元から数値の指定がある(=それに従う)のでしょうか?それとも自分で好きに設定するのでしょうか?
→今回は現在の日本で一番普及されているiPhoneXの横幅のサイズ375pxで作成しましたが、クライアントやそのサイトのユーザー(対象者・閲覧者)がどの画面サイズで閲覧することが多いかなどの情報をあらかじめ確認することも大切です。特にクライアントから指示がなければ現時点では一番一般的な375pxで作成されるのが良いと思います。
クライアントや作成するもの(ホームページを作成するのか、アプリを作成するのか)によって、その時々で選びます。アートボードにそれ以外のサイズ(iPhone XR/XS Max/11やGoogl Pixel)も用意されているのはそのためです。