Information

ホーム / お知らせ一覧

  • IllustratorでのWebデザイン

    News

    2018.10.9

    IllustratorでWebデザインをご入稿の場合にご確認ください。

     

    IllustratorでWebデザインをする際に注意していただきたいポイントを以下にまとめています。

     

    Illustrator入稿チェックリスト

     

    環境設定

    「単位・表示パフォーマンス」を全て「ピクセル」に設定

    「一般」のキー入力を「1px」に設定

    メニューバー「表示」の「ピクセルにスナップ」にチェック

     

    ドキュメントの設定

    1366px×768px(横×縦)のモニターサイズで作成

    画像解像度72dpiに対応

    「カラーモード」を「RGB」に設定

    「ラスタライズ効果」を「スクリーン72dpi」に設定

    「プレビューモード」を「ピクセル」に設定

     

    デザイン作成時

    ロールオーバーのデザインは「弊社にてCSSで色が薄くなる処理をする」・「ロールオーバーの状態をデザインする」のいずれかを選択

    デザインの各パーツをレイヤーとして個々に分けるか、レイヤー内でグループ化

    画像などのリンクファイルの付け忘れの確認もしくは画像の埋め込み

    レイヤーを最低限分ける箇所
    1.メニュー類(例:グローバルナビ、ローカルナビ)
    2.バナー
    3.ボタン類
    (例:デフォルト画像、マウスオーバー画像(ロールオーバー画像)、送信ボタン、詳しくはこちら)

     

    入稿時

    確認用画像(JPEG,PNG)

    文字がデジタルデータで取れるもの(アウトライン化前のaiデータ)

    お見積り、お問い合わせはこちらから