650+のよりシンプルでミニマルなwebデザイン

お久しぶりです。ここ数ヶ月はTwitterやゲームで遊んでばかりで、ブログのことをすっかり忘れていました。今後は肩の力を抜きつつ、初心に戻ってぼちぼち更新していきたいと思います。

しばらくはネタリストに溜まったままのWebデザイン系ブログ記事のまとめや、日記が多くなると思いますがよろしくお願いします。

今回は海外のミニマルなwebデザインのまとめです。まずミニマルとは。

ミニマリズムとは美術・建築などの造形芸術分野において、1960年代のアメリカに登場し主流を占めた傾向、またその創作理論であり、最小限(Minimal)主義(ism)から誕生し、必要最小限を目指す手法である。
ミニマル – Wikipedia

必要最小限のデザインということで、シンプルなイメージとタイポグラフィのバランスが大切になってきます。

続きを読む 650+のよりシンプルでミニマルなwebデザイン

フリーで商用可の高機能メールフォームcgi

SYNCKGRAPHICA

以前取り上げた事がある、フリーで商用可能!!しかも著作権表示も無しで使えるSYNCK GRAPHICA/札幌さんの高機能版メールフォームが先月アップデートしてました。機能など詳しくはメールフォーム プロ CGIでご確認を。

サンプルを見ればわかると思いますが、「えっ?マジでこれ無料で使っていいの?」というレベルです。そもそも利用規約からして超男前です。今一番儲かって欲しい会社ランキング第1位です。

SYNCK GRAPHICAさんは他にも簡易版メールフォーム(むしろこれでも十分)やダウンロードログCGI,RSS掲示板など、多くのフリーCGI&javascriptを配布しているのでオススメです。

[webデザイン]カンプ用 IEベースの詰め合わせPSD

カンプ、またはモックアップ製作用のベースです。
IE7の中に10pxのグリッドが入ってます。「IEはいらねぇよ」って人もいるかと思いますが、まぁそう言わずに。

サイズは左から1100px, 1000px, 960px, 900px, 800px, 760px,と6種類が入ってます。あと縦は基本768pxなのですが、別レイヤー(初期不可視)で1200pxも用意してます。それをシフト押しながら上下に動かして好きな長さにしてください。

ブラウザ無しのカンプでクライアントにOKを貰ったものの、実際作ってブラウザ上で見せたら「なんかイメージが違う」と言われたという経験は誰しも一度はあるんじゃないかと思います。まぁ私たちはブラウザを見慣れてるんで大丈夫なんですけどクライアントはそうとは限りませんし、イメージが違う原因は他にもある可能性は高いですが、視覚化できるものはしておいたほうが良いですよね。

私は最初からこれを元に作るってよりは、作ったものをこれに当てはめるって感じで使ってます。だいたいの人は自分用ライフハックみたいなのを用意してると思うので、まだの人は良かったらどうぞ。

レイヤー構成はこんな感じです。IE buttonフォルダは、ブラウザの左上にある”戻る・進む”ボタンが3パターン入ってるだけです。

iebasesize.zip(358 KB)

[Webデザイン] 企業サイトの横幅はどれくらい?2~人力検索はてな編~

今日もきょうとてハイクで大喜利遊びにふけろうかと思ったら、人力検索に気になる文字が
人力検索はてな:デザインの優れていると思う企業サイトを教えてください。これぞ企業サイト…
がとても面白かったです。どれも参考になっていろいろと勉強させていただきました。

で、以前住宅メーカーのWebサイトのwidthを計ってみたんですが[Webデザイン] 企業サイトの横幅はどれくらい?~住宅メーカー編~住宅メーカーだけで調べたので、なんとなく結果が偏ってないか心配だったのです。

というわけで今回は人力検索はてな:デザインの優れていると思う企業サイトを教えてください。これぞ企業サイト…のみなさんがオススメする良いデザインのサイトの横幅を計ってみました。

ちなみに今回も前回と同じく、webサイトのサイズはフリーハンド(MeasureIt:Firefoxのアドオン)で測ったものであり、ソースを直接見たわけではありません。なので細かい数値は違っている所が多いと思います。超アバウトなんで目安程度でお考え下さい。

あと無駄に下に長いのもご了承ください。

続きを読む [Webデザイン] 企業サイトの横幅はどれくらい?2~人力検索はてな編~

[Webデザイン] YahooとgoogleのMap APIと銀行の地図

今更僕ごときが言うのもアレですが、ちょっと会社概要とかに使う地図について調べたのでエントリー。内容は主にAPIの使用条件と、銀行のサイトで使用されている地図サービスの統計というか表です。

Webサイトを作るときに意外と面倒なのが店舗ごとの地図作成ですよね。
商用サイトの場合はサイト全体と比べると地図があるページはそんなに多くないのですが、他とくらべると訂正する回数が多い気がします。
(子供みたいな大人の事情が人それぞれにあるもんですから)

でまぁ一回一回オリジナルで地図を書き起こすのはもちろん素晴らしいのですが、選択肢としてYahoo地図APIやGoogle Maps API等も使えた方がいいよなぁと思って色々調べてみました。

続きを読む [Webデザイン] YahooとgoogleのMap APIと銀行の地図