2018-11-17

Adobe Xd プラグインの話

自分が利用しているもしくは興味のあるAdobe Xdのプラグイン。
　Adobe Xdはメニュー>プラグイン>プラグインを見つける　　にてプラグインを検索できます。
　ご興味ある方は試してみては。

PhotoSplush -> 画像素材サイトのUnsplushから画像をはめ込んでくれる
Lorem Ipsum 　->　ダミーテキストを入れてくれる
copy css -> オブジェクトのcssを書き出してくれる、
web export -> htmlを吐き出してくれる。まぁちょっと微妙なソースではあるが。

with respect to
Adobe XDの便利すぎる！おすすめプラグインまとめ | iwb.jp
Adobe XDのプラグインを使ってみよう - YouTube

2017-09-03

WordPressプラグイン関連

WordPress

・Contact Form 7
・Broken Link Checker　リンク切れ通知
・Crayon Syntax Highlighter　ソースコード表示
・NextScripts: Social Networks Auto-Poster(SNAP)　FBやTwへの記事更新通知
・PS Auto Sitemap　サイト上に表示するサイトマップを整形
・Simple Local Avatars　著者画像を設定
・WordPress SEO (Yoast SEO)　　高機能。All in One SEO Packも悪くはないけど。
・Yet Another Related Posts Plugin(YARPP)　　関連記事表示。
・Breadcrumb NavXT　パンくずリスト

・参照記事定番で最強!!2014年版WordPress導入必須のプラグイン15選

2017-08-28

素材サイト

■写真素材サイト

・https://pixabay.com/

f:id:lukemori:20170828171004p:plain

商用利用可（pixabayさんのFAQ）

・http://kaboompics.com/

f:id:lukemori:20170828171258p:plain

商用利用可（ページ下段のABOUT KABOOMPICS のあたりに記載あり）

・http://startupstockphotos.com/　CC0ライセンス

f:id:lukemori:20170828164437p:plain

・https://find47.jp/ja/　経産省提供。CC BY（提供者表記）ライセンス

f:id:lukemori:20170828171458p:plain

■動画素材サイト

・https://pixabay.com/　商用利用可（pixabayさんのFAQ）

・https://www.pond5.com/free　パブリックドメインのものを集めたサイト。www.pond5.com

2017-04-18

色彩関連

color

自分用メモ

Color Supply
コンプリメンタリー(補色)(対面)、アナログ(隣接)、トライアッド(三角)、スプリットコンプリメント(スプリット補色)、スクエア(四角)など。

Material Design Colors

カラーホイール | カラースキーム - Adobe Color CC

画像からもカラーパターンを抽出可能。

2017-04-16

フォント関連

font

■結論
・タイトル日本語
　　→　Winはメイリオか游ゴシック、Macはヒラギノ角ゴか游ゴシック
　　→　Adobeで小塚ゴシック、りょうゴシック
　　→　Noto Sans CJK JP　英数プロポーショナルで7ウェイト。M＋ 1c(斜体可)もok
・タイトル英語
　　→　Win ならTahomaやSegoe UI、MacならHelvetica Neue。AvenirやMyriadも良い。
・長文日本語
　　→　Winなら游明朝、Macならヒラギノ明朝
　　→　Adobeで小塚ゴシック、りょうゴシック
　　→　IPAex明朝　英数字がプロポーショナル
・長文英語
　　→　WinならTimes New Roman、MacならTimes
　　→　AdobeでAdobe Garamond Pro や Adobe Caslon Pro、Adobe Hebrew

■ロジック
□書体を選ぶ時の4つの基準（視認性・可読性・判読性が大事）
1長文か短文か（タイトルか本文か）
2読みやすく綺麗な文字か
3太字斜体に対応してるか
4ユニバーサルデザインか

1長文か短文か（タイトルか本文か）
・日本語長文には可読性の高い「細い明朝体」
　ゴシック > 明朝体、太い > 細い
・英語長文には可読性の高い「細いセリフ体」
　サンセリフ > セリフ(細いセリフ体) 　※太いセリフはサンセリフと変わらないので
　※どうしてもサンセリフにしたい時はHelveticaなどの細いサンセリフを。
・プレゼン資料はゴシック体、サンセリフ体」が基本（視認性を重視）
・タイトルや見出しにはゴシック体、サンセリフ体。とりわけ「太いゴシック」

2読みやすく綺麗な文字か
・和文も欧文もシンプルなゴシック体で判読性を高める
　
3太字斜体に対応してるか
・太字がないとPC上で疑似ボールドされる。(メイリオ、M+ 1c、ヒラギノ角ゴが良い)
・斜体に対応した欧文書体を選ぶ
　斜体に対応していないフォント（例えば、Century）を無理に斜体にするので読みにくい。
　実際には欧文書体はほとんど斜体対応。日本語書体はほとんどが非対応なので斜めにしない。
　
4ユニバーサルデザインか
　濁点半濁点などが小さい文字サイズの時に判別不明になるのでユニバーサルデザイン書体（UD書体）が使えるなら使った方がいい。WinのメイリオはUDに近い。
　
□その他
・英文には等幅ではなくプロポーショナルを使う。
・英文には和文フォントを使わない。
・和欧混植ではアルファベットの書体に注意。※メイリオ、ヒラギノ角ゴ、小塚ゴシックは欧文も美しい。
・タイトルなどの大きな文字は詰める。※連続ひらがな連続カタカナスカスカになるので。
・記号は詰める
・避けるべきはcentury MSゴシックMS明朝