Figmaで作成する画像の解像度。 Fifmaからエクスポートしたデザインデータは72ppiになる。 Fifmaは元々Web向け。 FifmaはWebデザイン、Webアプリに適したツールなので、書き出したデザインの解像度はデフォルトで72ppiとなる。 IllustratorやPhotoshopのように、解像度の設定や変更をすることもできない。 印刷物には一工...

解像度とラスタライズと。 解像度の設定。 Figmaの場合。 Figmaは元々Web用のデザインツールのためか、現時点（2024年03月）では「解像度」の設定がない。 Illustratorの場合。 Illustratorでは、テキストや画像にぼかしやシャドウ、透明効果などを使用した場合、印刷用入稿データにする際に「ラス...

CSSブレイクポイント、メディアクエリの最小値は？ Webサイトのブレイクポイントの決め方はどうするべきか。 ブレイクポイントの意味との決め方。320pxも現存している。 Webデザイナーやコーダーを悩ます、ブレイクポイントの決め方。 Googleアナリティクスを調べていると、320pxからのアクセスは意外と多く、ユーザビリティ的に無視できない。 320px以...

Figmaで印刷物を。名刺を作ってみる。 Figmaで印刷物。 Figmaで紙媒体、DTPデザイン。 デジタルデバイス向けのデザインツール「Figma」で、紙媒体の名刺を作れるらしい。 それなら試しにと、ひとまず自分用の名刺を制作。 Figmaで名刺制作。 Figmaは印刷物でよく使用するテキストのカーニングやアウトライン化も可能...

iPhoneの画面解像度と「拡大表示」モード。 アナリティクスで画面の解像度をチェックしていると、ちらほらと320x693や320x568という数字があることに気がつく。横幅320pxというと初代iPhoneの解像度だ。不思議に思い確認したところ、どうやらiPhone8以降の「拡大表示」モードのようだ。 ブレイクポイントはどうするか？ 「拡大表示」の機能はiPho...