イラスト・デザイン

名刺(+HTML版)

  • 閲覧数: 3003
  • 30
  • C.120x80.b70f73b0ec46541abd93f8cf41d9904e
  • C.120x80.dfabd757fbe8b1a0fcc61fdd6e0e3944
  • C.120x80.640be681cd1a93d4379a21e0a8635691

作品説明

名刺(+HTML版)

普通の個人用名刺です。Twitterアカウントが書かれているような個人名刺が欲しかったので作りました。表面は普通の名刺で、背面はこの名刺のHTML版になっています。このコードを手で写してブラウザで確認すれば名刺が表示されるのですが、たいへん時間がかかるので、今回はこの名刺に書いてあるコードそのままを写したページを用意しました。

http://kkosuge.github.com/card/

名刺に使ってるフォントが使えないため(Webフォントは高い!!!)代替としましてGoogleフォントから適当に借りてきたかっこいいフォントを使っています。

レシピ


表面

右端の綺麗なグリッチ画像は Glitch Converter を使って作りました。


裏面

普通のHTMLです。Open Graph protocol を埋め込んでいるので、メールアドレスみたいな情報も入ってたりする。ちゃんとHTMLが分かる人に見られると怖いので、変な場所がありましたらやさしく指摘してほしい。実はこれはおかしいw って箇所見つけてたりするんだけど、印刷してしまったものはもうどうする事も出来なくて辛い。コードを紙に印刷するって発想は二度としない方がいいと思いました。


入稿について

HTML版はただ名刺をHTMLで再現しただけなので、デザインの作成はillustratorを使っています。オフセット印刷で250枚3000円くらいでした。250枚も刷りました……

みなさんもらってください!!

コメント (1件)

名刺欲しい

2012/05/25 20:10