Home > WEBデザイン

BowWorks

そういえば、自由に使える画像の話を押さえておくの忘れてたので、いまさらながら書いてみるよ。

えーっと、皆さんお久しぶりです。
いやもう、制作実習やら職場実習やらでテンパッていたせいもあって、いろんなところの更新が滞ってて、ホント申し訳ないです。
特にリニューアルして方針なんかもいろいろ変えていこうと思ってたもうひとつのブログなんか、本当に記事が書けない状態で、ウワサ話の好きないろんな人に迷惑かけっぱなしで申し訳ないです。こっちもおいおいコンテンツを書いていきますので、もうしばらくお待ち下さい。

さて、僕が制作実習で書きそびれたい記事を、そろそろ書いていこうと思うのですが、まず一発目は、Web制作に限らず、いろんなシチュエーションで使えそうな画像の探し方といいますか、版権などを気にせずに利用できる画像の探し方です。

僕の場合、「版権フリー 画像」とかなんとかでググって探してくるわけで、もうひとつのブログの画像なんかは、そのキーワードで探してきたコチラのサイトから拝借しているわけなんですが、なかなかいい感じの画像だと思います(撮影されたカメラマンの方に感謝)。
あの画像に関して言えば、ブログのサイズに合わせて、ちょっと下のほうを足して、ボカしておどろおどろしい感じを出すといった感じなんですけど、うまく行っているかは皆さんに判断してもらいたいです(正直、どうなんだろう?)。

で、僕みたいにテキトーな探し方もあるとは思うんですけど、もっとバリエーションの豊富な探し方が書かれたブログがありましたので紹介いたします。

Continue reading

手っ取り早くWebページを作るなら、やっぱりグリッドシステムについては知っといた方がいいと思う。

えーっと、もともとHTMLって文章を修飾するために出来た側面があります(つまり、レイアウトすることを意識していない)ので、Flashでページを作ることを考えると、制限が多いってのは宿命といえば宿命なんですよね。
でも、フレームでメニューとコンテンツを切り分けたり、tableタグを駆使したりして、一生懸命レイアウトすることを突き詰めていって、今はCSSである程度柔軟にレイアウトをすることができるようになりました。

でも、どれだけ柔軟性が増したとしても、恐らくFlashのように自由にはなりはしないでしょうし、客観的に見ると「似たようなページ」に見えてしまうかもしれませんね。

ちょっと昔の話ですが、css ZenGardenという試みがありまして、「同じ文章をCSSでどこまで素晴らしくできるか?」というお題目の上で、みんなが競って素晴らしいWebページを作りました。
この試みは、ある意味Blogサービスのテンプレートを作るのに似ているかも知れませんが、実際に自分でWebページを作る際には、このような試みだけでは、ちょっと進めていくのが難しいところがあるかも知れません。

というのも、何も手がかりのない状態で、多種多様の情報やインターフェースを納めるのは、なかなか手間が掛かり、なおかつ使い易いものとなると、なかなか難しいでしょう。
それを行う為の手がかりの一つになるのがグリッドシステムと言われる、架空のマス目に要素を当てはめていく手法なのです。

Continue reading

既に黄金比とか記憶の彼方なんですけど、これで納得出来ました!

えーっと、この記事はちょっと前に読んで「ほー」とか「へー」とか、かなり感心してしまったので、ブクマがわりに記事にしたいと思います。

今回のネタ元は:コリスさんの記事で、WEBデザインやWEB制作をされている方なら、頭の片隅にでもとどめてお
くと、今の実力よりも、ちょっといいものが出来そうな気がするような、そんな記事です。

ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法


個人的には黄金比あたりなら、記憶の断片が遥か彼方に残っていたので「あ、聞き覚えあるなぁ」程度でしたが、フィボナッチ数列というのは、全く全然聞いた覚えのない言葉だったのでよくよく記事を読んでみると、見覚えのある図が。
皆さんもアンモナイトの渦巻きの比率について、美術の教科書か数学の教科書で、見た覚えがあるんじゃないかと思うんですけどいかがでしょうか?
僕は専門学校の教科書で見たような記憶があります。
もうね、はるか昔の話なので、詳しいことは後ほどググりますけど、どうやらこちらも美しいレイアウトに欠かせない要素のようです。



Continue reading

More...

Home > WEBデザイン

Feeds
Hatena Diary
Twitter
Tumblr

Page Top