Posted by しるべっと on 2008 年 8 月 29 日 – 4:24 PM
Filed under Web Design, 素材
カンプ、またはモックアップ製作用のベースです。
IE7の中に10pxのグリッドが入ってます。「IEはいらねぇよ」って人もいるかと思いますが、まぁそう言わずに。
サイズは左から1100px, 1000px, 960px, 900px, 800px, 760px,と6種類が入ってます。あと縦は基本768pxなのですが、別レイヤー(初期不可視)で1200pxも用意してます。それをシフト押しながら上下に動かして好きな長さにしてください。
ブラウザ無しのカンプでクライアントにOKを貰ったものの、実際作ってブラウザ上で見せたら「なんかイメージが違う」と言われたという経験は誰しも一度はあるんじゃないかと思います。まぁ私たちはブラウザを見慣れてるんで大丈夫なんですけどクライアントはそうとは限りませんし、イメージが違う原因は他にもある可能性は高いですが、視覚化できるものはしておいたほうが良いですよね。
私は最初からこれを元に作るってよりは、作ったものをこれに当てはめるって感じで使ってます。だいたいの人は自分用ライフハックみたいなのを用意してると思うので、まだの人は良かったらどうぞ。
レイヤー構成はこんな感じです。IE buttonフォルダは、ブラウザの左上にある”戻る・進む”ボタンが3パターン入ってるだけです。
iebasesize.zip(358 KB)
Posted by しるべっと on 2008 年 8 月 27 日 – 12:42 AM
Filed under Web Design, 素材
お久しぶりです。なんか更新がとまってましたね。
何度か更新しようと思ったんですが、仕事の愚痴みたいな文章を書いては消してを繰り返してました。まぁとりあえず練習がてらに作ってたものからblogにのっけちゃいます。
お年寄りや、ブラウザの扱いに不慣れな人の為に、直接webページ内に”印刷する”ボタンを作ることもあると思います。今回そんな機会があったので数パターン作ってみた。
ぶっちゃけて言うとイメージソース(パクr…)はappleのサイトのアイコンを中心にその他諸々。でもやっぱ全然似てないんですね。てかこれプリンターに見える？大丈夫かな…ｗ 結構心配です。
使い方としては以前乗せた小さいPDFとかのアイコンみたいな使い方で
な、感じを想定したサイズです。良かったら使ってください。
ちなみに上のロゴを変えました。今まではblogのテーマを画像を使わない縛りで作ってたんで、CSSでフォントをArial(たぶん)を指定してたんですが、blogや配布物等の全てのフォントをMyriadに統一しようかなって事で画像にしてみました。
まぁほとんど見た目は変わらないんだけどｗ
今使ってるwordpressのテーマは練習がてら&ベースとして作ったんですが、プラグインを調べて色々乗せていく間にミスって＜h1＞＜h2＞＜h3＞の次に＜h4＞を飛ばして＜h5＞が出てくるみたいな事になってるので、全部書き直したいんですけどね。
まぁ次は画像を上手につかって、もっと見栄えのするテーマが作れたらいいなと思っております。
Posted by しるべっと on 2008 年 8 月 10 日 – 3:08 AM
Filed under Web Design, 素材
yamadaさんのところで紹介してる奴を見て触発されて作ってみました。
なんかシャンプーハットに見えてきたけど、CDですよ。
なんか円の上らへんとかギザっちゃってるしもうあれなんですが放流。
下の段はなんか安いCD-Rみたいな感じの色ですね。
