デザインビギナーズ第18回 もくもく

[willnet]

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

貼り付けの指針

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

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

[willnet]

• 色は、ロゴ(黄色と緑)の中間の黄緑色にして、違和感を少ないようにしてみた
• bootstrap の色を変更する方法で四苦八苦した
  • rails-assets 経由で bootstrap をインストールすると、コンパイル済みの bootstrap が配置されてしまう
  • bootstrap-sass というのが公式の gem としてあって、それ経由で入れるとコンパイル前の bootstrap を獲得できる
  • sass の変数を利用して、bootstrap の設定を上書きできる

$navbar-default-color: #A8D947
$navbar-default-bg: #A8D947

before

after

[yoshik]

https://github.com/gnab/remark
のサンプルファイル(boilerplate-single.html)
をいじってみました。
左がいじったもの。右がオリジナル。

[ir3]

グラフ画像をスクリプトで生成してみました

Rubyスクリプト → https://gist.github.com/ir3/145153ddba1306587f06

参考 http://rdoc.info/github/glejeune/Ruby-Graphviz

[willnet]

@abura さんの代理

[tatsuosakurai]

http://blog.spoongraphics.co.uk/tutorials/game-of-thrones-inspired-line-art-logos-in-illustrator

これをやろうと思ったんですが、できなかった
ひとまず方眼紙で書く手法があるんだな〜と面白そうなので、今度やってみます

ええと、
イラストレータがおかしいのでアンインストールして、インストールしようと思ったらアドビがメンテナスで...

sketch があったと思って
sketch 本の続きを操作しながら読みました。
だいたい半分くらい読んだ

[yuzamme]

GIMPいじってみました。
Mac版はもっさりしてて使いづらい。。

[willnet]

http://www.fontsquirrel.com/fonts/alfa-slab

[oakbow]

こういうWebサービスもあります。
http://pixlr.com
EditorはまんまPhotoshopライクです。

[willnet]

http://gifzo.net/