デザイン– category –

クライアントとのデザイン・プロジェクト共有ルール 本マニュアルは、クライアント（盛田屋さま）とのデザイン校正・プロジェクト共有におけるFigmaの運用ルールを定めたものです。効率化とセキュリティ確保のため、遵守をお願いいたします。 1. クライア...

各利用サービスの利用規約 山下作成Googleスプレッドシート Adobestock 写真、イラスト、ベクター素材、動画、テンプレートなど、高品質なロイヤリティフリー素材サービス。 利用規約Adobe Stock の使用条件ライセンス情報と利用条件 | Adobe Stock Freepi...

背景透過アニメーションをAEで作成したが、形式に試行錯誤したため覚書として。 結論 複雑な形状の透過や半透明の表現が必要な場合、高画質を維持したい場合はWebM形式が良い。 理由: HTML5との親和性: 近年の主要なウェブブラウザはWebM形式を標準でサポ...

必要なバナー ★主キャン MV（施策内容によって縦長になった場合は除外） ★Line用　1040px ◎PC TOP用 320px ◎SP用 750px 制作にあたり 過去の施策のものを流用するのが確実のため、過去の施策のものをコピーして流用してください。例）25年01月------------...

概要 姉妹ブランドの商品を盛田屋さまで販売する場合、下記のようなデザイン調整が発生する場合がある。 特別価格で販売する場合は、別途CTAエリアを設ける為作成 他社ブランド名⇒「豆腐の盛田屋」に変更 移行に伴い、変更点を調整（原稿に沿う） 指示があ...

グレーの警告マークが出る グレーの警告マークが出るフォントの読み込みエラーが発生。 警告マークの特徴 黄色の警告マーク フォントがPC上に存在していない時に出てくる警告。 編集不可 2倍書出しをした際にぼやけてしまう グレーの警告マーク フォント自...

事例1）アートボード + 指定サイズで書き出しされない エラー現象 アートボードサイズ（375px）に対し、375pxのシェイプを配置。レイヤーグループを200％の画像アセットの生成したところ、750pxより１px小さい、749pxで書き出しされた。 解決方法 シェイプ...

デザイン全般 特有の名称や施策名 主キャン…　その月の一番押したい施策 主キャン以外…　主キャン以外の施策 よりどり… 対象商品を○点以上ご購入で○○％ＯＦＦの、キャンペーン施策名、または、その形式のキャンペーンの名称。 ＹＰ…商品「よーぐるとぱっく...

モーダル・商品名画像とは 盛田屋様　キャンペーン施策において、「よりどり」「定期購入」ページ内にて使用する画像パーツを指す。例として、よりどりcpでは下記掲載画像のような扱いをする。①「詳細を見る」をクリック(or タップ)にて、POPUPが開き、簡...

coyori様通販サイトのTOPページスライドバナー作成時に注意する点についてまとめ。 https://www.coyori.com サイズ PC：1920×850px SP：750×1076px デザイン領域 PC 最小幅1100pxの場合、上部から130pxほどヘッダーが被るため、被っても問題ないよう考慮し...

ブランドマニュアル、その他 ▼ブランドマニュアル────────────────────E:\共有ドライブ\02.コンサル･制作事業\02.進行中案件\36.JIMOS様\04.CYR コヨリ\99.その他\202312サイト制作に関するご相談\Coyoriロゴ･ブランドマニュアル────────────────────▼その...

制作頻度 月1回 もしくは 2カ月に1回 ※キャンペーンの更新頻度による 制作するバナーの種類と掲載場所 下記資料を参照してください。 https://www.figma.com/design/T9QBvNgNLzXeMrhJvQZqyB/TOF-Manual-Campaign?node-id=0-1&t=MG92IZ2Wgge4E67o-1 デザイ...

概要既存のサイトを再現するFigmaのプラグイン「html.to.design」を実務中に使用した際にスムーズに進まない例があり共有。 ■ プラグイン「html.to.design」とはこれは便利すぎる！ Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html....

見積もり 静止画デザイン校正、アニメーション校正が複数回発生する可能性があるため、あらかじめ先方校正のフローを事前に確認し、前提として見積もりに反映する。 先方校正フローの例 (通常の制作進行同様)校正1回・修正1回とする 校正1回目はご担当者様...

TDK すべて先方からの指定あり。要確認。 デザイン 具体的なデザインのご要望がある。お戻しが2度以上発生する可能性がある。 追加要望の際の再見積もりは、デザイン･コーディング･ディレクションすべての追加工数を確認。日程調整も都度確認。 コーディン...

素材購入 istock　→　AXESさまが定額プランに入っておられるため、該当の画像をお伝えして購入いただく　　（請求発生なし） REUSELLさま対応を含め、今後もし高額のものでistock使用の指示がある場合は上記の進行でよいか確認 それ以外　→　キノスラで手...

年間スケジュール リリーススケジュール https://docs.google.com/spreadsheets/d/1F4HcjrZZkjlB4TiayZEpVdbZ1cmYNnMnPuohHD1VC3o/edit#gid=217759149 先方入力：A-H列自動入力：I-N列 余裕があるタイミングで、キノスラ側が逐次下記のように更新していま...

印刷用データを作成した際、 PDFにした際に、一部乗算やぼかしの機能がうまく表現されない場合があります。 データの方に問題がなくても、印刷機によってエラーがでる場合を懸念して 以下の設定で保存をお願いいたします。 ----- ■adobe PDFプリセット → ...

2021年7月現在 R-Cabinet画像1ファイルのサイズ ■R-Cabinetに登録できる画像に設けている1ファイルあたりのサイズ制限 ・縦：最大3840px、横：最大3840px ・大バナー表示位置 上部 ・大バナー最大登録枚数 10枚 ・登録画像最大容量 容量制限なし ＜memo＞ ...

トーン＆マナー キーワード 「オーセンティック」「クラシカル」 (出典：G:\02.コンサル事業\02.進行中案件\23.シュゼット様\02. 本 HC_アンリシャルパンティエ\04.特集\190903_クリスマス特集\img\クリスマス\190619_クリスマスリーフレットグ制作オリエ...

コーディング テストサーバURLが残っていた 発覚日：190718 発生場所：本店 帰省土産特集 https://www.suzette-shop.jp/shop/e/ehckisei/ 内容：特集内のリンクに、テストサーバURLが残ってしまっていた。 対策：コーディング校正する際、ソースでテストサ...

サンプル集 コーディング依頼を出すときに、JS処理が必要なものについて、 サンプル・サンプルページがあるとより伝わりやすいです。 なので、気になるページや今後使いたい動きなどがあれば、ここにどんどん追記していきましょう。 ※ある程度まとまってき...

素材サイト ■アイコン素材　icon rainbow https://icon-rainbow.com/ ライセンスを確認しましたが、再販売等をしなければ使用可です。 直リンクはやめてくださいとのことでした。

JSで画像加工 cssのfilterを使えば画像の加工ができますが、IEには効かないようです。 このJSを使えば、IEにも適用できるようです。 参考サイト https://www.conifer.jp/csstest/js-vintage.html

Photoshop 効率ＵＰおすすめスクリプト デザイン制作に役立てるかと思います。 参考にどうぞ Photoshopでレイヤーを一つ一つ拡大してくれるスクリプト Transform Each https://blog.darkwark.com/transformEach21/ →縦横比が変更できない点以外は◎ 選択範...

情報共有 カッコいいアニメーションがあったので共有です。 参考にしたい！ローディングやオープニングアニメーションが素敵なサイトまとめ http://bashalog.c-brains.jp/19/04/25-162554.php 追加情報求む 以下、どなたでもどんどん追記してください！

IEのみ画像が表示されない chrome、edgeなどでは正常に表示される画像がIEのみ表示がされていない事象がありました。 該当画像 ※掲載準備中 原因（予想） 画像が壊れている、もしくはIEで表示されない属性（設定？）と思われる。 詳細までは未調査です。 ※...