Posted by しるべっと on 2009 年 11 月 9 日 – 6:28 PM
お久しぶりです。ここ数ヶ月はTwitterやゲームで遊んでばかりで、ブログのことをすっかり忘れていました。今後は肩の力を抜きつつ、初心に戻ってぼちぼち更新していきたいと思います。
しばらくはネタリストに溜まったままのWebデザイン系ブログ記事のまとめや、日記が多くなると思いますがよろしくお願いします。
今回は海外のミニマルなwebデザインのまとめです。まずミニマルとは。
ミニマリズムとは美術・建築などの造形芸術分野において、1960年代のアメリカに登場し主流を占めた傾向、またその創作理論であり、最小限(Minimal)主義(ism)から誕生し、必要最小限を目指す手法である。
ミニマル – Wikipedia
必要最小限のデザインということで、シンプルなイメージとタイポグラフィのバランスが大切になってきます。
Read More »
Posted by しるべっと on 2009 年 6 月 9 日 – 1:08 PM
Posted by しるべっと on 2009 年 5 月 8 日 – 11:54 AM
Filed under Web Design, 日記
お久しぶりです。暇っちゃー暇だけどkillzone2で忙しい僕です。そういえば今月のweb creatorsの特集が、前回(先月)紹介したウェブデザイン見本帳の簡易版のような感じでいい見本になると思います。
双方とも装丁が同じ青系の色で、正方形を取り入れたデザインなんで意識して合わせてあるのかなと。とりあえず安い本ではないので、興味がある方はweb creatorsの6月号を読んでみてはいかがでしょうか。
ブログの方は書きかけのエントリーは何本かあるのですが、中々書ききることができません。まぁぼちぼち更新していこうと思ってますので、不定期ですがどうぞ宜しくお願いします。
Posted by しるべっと on 2009 年 3 月 4 日 – 11:50 PM
リキッドデザインをするならやっぱり画像も伸び縮みしたほうが良いよね。文字だけフレキシブルだとスペースをもて余したりすることもあるし、何より横幅が広がるほど文字が読みにくくなるしね。
って事で足りない頭を使ってCSSで考えてみた。
.fximgcow {
background: #fff url(test1.jpg) no-repeat center;
height: 250px;
text-align: center;
}
<div class="fximgcow"></div>
よし!これで画像もリキッドだ!・・・divの中身が無いけどね・・・
htmlだけじゃ画像かどうか解らないし、さすがにこれはちょっとなぁ。
そうだ!こうしたら空タグじゃなくなる!
.fximgcow {
background: #fff url(test1.jpg) no-repeat center;
height: 250px;
text-align: center;
}
<div class="fximgcow"><img src="test2.jpg" alt="牛さんですよ" width="460" height="250" /></div>
demo
うん、なんとかやりたかった事は表現できた。なんか不必要なdivがあるような気がするがきっと気のせいだ。でも1つの画像の為に2種類の画像を読み込んでるってのは重さが心配。しかもよくよく考えたら、画像を使ったサイト全体のフレキシブルな背景を作る方法とまったく同じだった。
でもこれワンポイントでならサイズ次第で使えるような気がしたりしなかったり。画像が少ないページならアリかな。ただいま当ブログでは[これはひどい]をお待ちしております。