非デザイナーなわたくしたちがサクッとモックを作るにあたって、
気になり始めると地獄なのが、モックのデザイン。
CSSフレームワーク ( bootstrapとか ) 使えばいいんだけど、
そこまでしなくてもいいかって時もありません?
bootstrap4 とか出たっぽいけど…
そもそも好かんのですよねぇ。使い慣れてないからなんだろうが、なぜか結局地獄を見る…
何のモック作ってんのかわかんなくなっちゃて、飽きちゃう。 ( これって少数派なのかしら )
そんで、結局、
昔作ったモックアップ用の超ミニマムなCSSフレームワークを使うわけなんだけど、
でも、色ぐらいは毎回選びたくない?
好きな色にしたらモチベーションあがるし。
そんなときはこちらでさくっと5色えらべるサイト。
めっちゃ可愛い。なんか占いみたい。
1 2 3 4 5 6 7 |
$c_blue: #246EB9; $c_green: #4CB944; $c_yellow: #FFE74C; $c_black: #232323; $c_red: #C84630; $c_white: #fff; $c_gray: rgba($c_black, .3); |
こんな感じでsassにぶっこんで使ってます。
まあ、汎用的に使うんだったら、 $c_primary とかにするべきなのかな。
ちょっとしたデザイナー気分を味わえるのでおすすめです。