記事一覧
無料エディタ VSCode
VisualStudioCodeはMicrosoftが開発した定番の無料エディタ。ガッツリ仕事をしていた独身時代にはこんな便利なエディタなかった!
ディレクター業をする人もコード確認する際などダウンロードしておくといいかもしれません。
ダウンロード先 https://code.visualstudio.com/
初期設定は英語になっているので、日本語にする必要あり。
上記赤印部分をクリック
とても便利!サイト修正依頼ツール
サイトの修正依頼は今まで、パワーポイント、エクセル、PDF、XDなどいろんなツールを使ってきました。画面画面によって、向き不向きがあり、ディレクターもここに時間を多く費やしていると思います。
そこで、利用してみたのが、WEB上のサイト修正依頼ツール。
今回初めて利用してみたのですが、WEBページに付箋感覚で編集でき、該当箇所にファイルを添付できたりするので非常に便利でした。
■利用したサイト
WEBサイトテスト検証で役立つサイト
デバッグをするときに使うサイト一覧
・OGP検証(SNSでシェアされるときにきちんと表示されるか)
ーFacebook
ーTwitter
・HTMLの検証
ーW3Cのエラーチェッカー
・スマフォサイトとしての適性検証
ーGoogleモバイルフレンドリーテスト
簡単Webデザインの流行りまとめ
クライアントや制作者から、提示されたデザインやネーミングが一昔前!と思った経験はありませんか。そんな時にそのまま見逃さずに、きちんと現在のトレンドを説得できるように、簡単にデザインの流行りをまとめてみました。
2014年頃まで リッチデザイン…ボタンなどに立体感やリアル感があり、グラデやテクスチャなど光や影が当てられているデザイン
2000年~2010年 スキューモーフィズム…素材のリアル感の
UIデザインパターンの名称を統一化すること
主婦から在宅のwebディレクターとして一人前に仕事ができることを目標に、社会の流れに追いつくべく、日々学んだことを綴っています。
ぽつぽつと増えてきたディレクター業務、完全在宅での業務の頼りは、チャットや電話がメイン。その中で最初に感じた悩みは、いかに共通言語で話せていないかということ。デザインパターンのパーツひとつをとっても、様々な呼び方があるため、お互いの話す名称を知っていなければならないと
Adobe XD で画像のトリミングをする場合
Adobe XDで画像のトリミングを行いたい場合、XDではトリミングという方法ではなく、マスク※という方法で変更します。
まず、画像の上に四角や丸など切り抜きたい形(シェイプ)をおき、ぴったり重ねるように配置します。そして、画像とシェイプを二つ選択(shift押しながら) 二つが選択されたらCtrl(MacはComand)+Shift+Mで切り抜きができます。
※マスクとは?マスクとは、XDド