デザインビギナーズ第20回もくもく #23

willnet · 2014-07-16T11:12:21Z

今日の成果を貼り付けましょう！

貼り付けの指針

みんなから意見をもらいやすいように、わかりやすく成果をまとめましょう！

なるべく画像を使う
- 写真をとって貼り付けたり、スクリーンショットをとってみたり
作業前、作業後の画像を貼る
力を入れた点や、見て欲しい点をコメントに書く

willnet · 2014-07-16T12:08:31Z

アドビ公式のチュートリアル Illustratorでロゴをデザインする | Adobe Illustrator CCチュートリアルをやりました
前回やった Web制作の入門サイト | Adobe Pinch In よりもビギナー向きかも
動画で説明してくれるのでわかりやすくてよいです。オススメ
- 操作方法の勉強になる
時間少し余ったので別の動画も見ていました。 Learn Illustrator CC | Adobe TV
- これは基本的な機能を動画で解説してくれるもの。あくまで機能の紹介だけなので飽きる＞＜

yoshik · 2014-07-16T12:27:10Z

変更前(OSSのオリジナル)
https://dl.dropboxusercontent.com/u/28270864/boilerplate-single.html

前回変更分
https://dl.dropboxusercontent.com/u/28270864/boilerplate-single2.html

今回変更分
https://dl.dropboxusercontent.com/u/28270864/boilerplate-single3.html

ir3 · 2014-07-16T12:29:50Z

Bootstrapの色を何とか自由自在にしたいと思いつつ結局どんな色にすれば良いのかを探る中で「色相」だけではだめで「明度」「彩度」そして「トーン」への踏み込みが必要であることを再認識した。
原色大辞典色見本 http://www.colordic.org/ を見ては、何か良い法則を知りたかったが、本日成果が！
http://www.slideshare.net/marippe/ss-9003317 より
・「トーンとは、明度と彩度の複合概念。同じ色相でも明暗・強弱などの違いがある。それがトーン」
・「明度が高いと文字が読めない。明度が低いと読めて使いやすい」

さらに
PCCSの24色相 http://www.sikiken.co.jp/pccs/pccs02.html
明度と彩度 http://www.sikiken.co.jp/pccs/pccs03.html
トーン http://www.sikiken.co.jp/pccs/pccs04.html
PCCSを用いた色彩調和の形式 http://www.sikiken.co.jp/pccs/pccs05.html

おまけ http://ja.wikipedia.org/wiki/%E8%89%B2 より「色の印象」
白
善、雪、無、真理、清潔、純粋、無罪、無知、賛成など
黒
夜、悪、死、防衛、武勇、汚濁、有罪、炭、富裕層など
栗（茶色）
土、豊穣、糞、執着など
赤
血、生命、火、左、力、愛、女、情熱、危険、熱暑、革命、勇気、攻撃、敵、電気、太陽（日本）など
橙
温暖、快活、陽気、幸福、誇り、野心、忍耐など
黄
太陽、穀類、電子、金、注意、臆病、活発、明快、乾燥、地下、王位、色欲など
緑
植物、自然、安全、健康、希望、幼稚、平和、新鮮、湿潤、嫉妬（英語圏）、エコロジーなど
青
水、正義、右、冷静、知性、悠久、未来、誠実、味方、防御、貧乏、憂鬱、寒冷、涙、男、月など
紫
王位、高貴、優雅、神秘、節制など
金
神、宝、光、生など
灰
中立、不潔、陰鬱、不変、沈静など

iidzuka · 2014-07-16T12:30:45Z

befor

前回は結局ここから進まなかった感じでした。
今回は
　・テーブルのボーダーを消した
　・背景を作って適用してみた
　・ラベルをクリックしてもラジオボタンなどがチェックされるようにした
　・ボーダーに画像を適用してみようと思ったができなかった
　　・thtdの要素のbackgroundに画像を適用した
　　・X方向へのリピートとthtdのbottomへくっつけるようにした
などをやりました
after