ピクトリンク事業部開発部のいっさんです。趣味でフロントやデザインの勉強をやっています。趣味のほうが得意分野で色彩検定2級をもってます。今日はエンジニアが知っておけばいい、色に関する豆知識を紹介します。色相環モックなどを開発していて、配色にこまること、ありませんか?配色に困ったときは「色相環」を見てみると便利です。「色相環」とは色を円状にならべた図のことをいいます。ダイアードこの円の向かい合った色同士が「補色」と呼ばれ、この色の組み合わせをするとインパクトが強くなります。ダイアードと呼ばれています。赤だと反対色は緑になります。ワンポイントで目立たせたいときに反対色を使うと良いでしょう。隣接した左右を選ぶと無難になります。アイデンティティと呼ばれています。オレンジだと赤や黄色になります。似たような色になるので単調になりがちです。トライアドバランスを取れた配色の組み合わせでトライアドというものがあります。色相環を三等分した位置にある3色で配色します。黄色の場合、赤紫と青になります。気をつけること使う色は3色以下にすることおすすめします。3色以上になるとごちゃごちゃしてしまい、見にくくなってしまいます。色数が少ない方がまとまりのあるスッキリしたデザインになります。さいごにこのように、色相環を見て配色を決めるととても便利です。他にも色相環を四等分した位置でカラフルな配色にするテトラードなどがあります。興味ある人は調べてみてくださいね。Canvas書き出しの際の画像ファイル形式変換の謎デザイナーこんにちは。Hチームのマスミツです。長いタイトルですみません。「png画像がjpgに勝手に変換されてしまう」世にも恐ろしい(大げさ)怪現象に遭遇したのでご紹介します。Canvasとは?Canvasとは、JavaScriptを使って動的に図を描くために策定された仕様です。ドキュメント]に書き出すことが可能になりました。Canvasに変換」にて制作し、パブリッシュを行うと下記のファイルが書き出されます。書き出されたHTMLを開けばブラウザだけでちゃんとアニメーションが再生されます。何もしなくてJSもできてるし・・・ナニコレ便利!!で、できたJSを見てみますと。画像の記述のところがこのようになっています。;゚д゚)))とりあえずJSと同時にFlashから書き出されたimgesフォルダの画像を見てみると、こちらも一部の画像がjpgになっています。再生されるんですけど。原因がわからないので、制作したFlashのライブラリを再度見てみてると、こちらは確かにすべてpngです。画像をシンボル化したものとそうでないもので関係あるのかとか、そもそも元画像が壊れてるのかとか、いろいろと疑ってみたのですが特にそういうわけでもなく・・・詰みました。調査結果そして、答えはここにありました。参考サイト:http://www.adobe.com/jp/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html画像も、JPGフォーマットまたはPNG32フォーマットでライブラリから書き出されます。CreateJSは、JPGを使用します。このToolkitは、JPG出力される各画像に対して、「properties(プロパティ)」ダイアログボックスに指定された品質設定を使用します。