onsen

温泉旅館

 

 

金沢の奥座敷、湯涌温泉の旅館のロゴ(仮)。
全国的には有名ではなく、大正昭和の名残りが残る、緑に囲まれた温泉地。
画家の竹久夢二が愛人とともに滞在した地であり、そこかしこにロマンあふれる花の模様が見られる。

今年で創業80年、昔ながらの安らぎのある旅館、歴史ある旅館を伝えたいというオーダーがあった。
和モダンというより昔ながらの落ち着く雰囲気が味わえる。

シンボルマークの「^」は山に囲まれた温泉地、横線は「浅」をシンプルな家紋にして歴史ある旅館を表現した。
くすんだ金色にしたのは金沢という地、自然に囲まれた地をイメージした。

自宅からも近く、足湯につかりながらのんびりできるので、家族で何度か足を運んでいる。
石川県で温泉というと和倉や加賀、山中などが有名だけど、 僕は湯涌を推したい。

onsen

日本語のロゴメイキング

ロゴを集めたいならPinterestなど画像共有サイトで十分。
でも制作過程を知るには参考書が必要なので買った。
日本語ロゴと銘打ってるだけあって、国内の様々なジャンルのロゴをピックアップし、それらが完成されるまでの道筋が描かれている。
クライアントからの要望、ボツになったデザインもある。

マインドマップを使ってコンセプトを言葉にすることは少しできるようになったと思うけど、その想いをデザインに落とし込むことはまだまだ苦手。
なのでまずは先人の素晴らしい作品を参考にしようと思った。

また無料のサービスではなく、身銭を切って買った本だ。
手垢がつくまで隅々読もうと思う。

onsen

ちょっとややこしいdisplayプロパティ

自分の中でdisplayを使うことが少ないため、イマイチそれぞれのプロパティが意味するところがしっくりこなかったので、まとめた。

■display:block
横幅いっぱいになる。そのためblockの前後の要素は縦に並ぶ。
■display:inline
前後の要素が横に並ぶ。幅と高さは指定できない。
■display:inline-block
blockとinlineの両方で、要素を横並びにしつつ、幅と高さを指定できる。
■display:none
要素が非表示になる。

float:leftを入れると親要素のdivの高さがなくなる。そのためにclearfixを適用する

See the Pen display:block by takumi (@uchu-jin) on CodePen.

参考
【CSS】displayの使い方を総まとめ!inlineやblockの違いは?
[CSS]floatの指定が有る要素の親要素に高さを持たせる方法