透明でかなりクールなデザインの名刺いろいろ
名刺のデザインを普通とは違うようにしていると、相手に渡した際に「お、変わった名刺ですね」ということでそこから話が展開していく訳なので、初対面の相手との話のきっかけとして非常に使いやすいわけですが、だからといってあまりにも奇抜なデザインだと相手がドン引きする可能性もあり、なかなか冒険できないというケースもあるはず。そういうときでも手軽に挑戦できるのが、名刺を透明にするということ。形状は普通の名刺の延長線上でも、クリア名刺になっているというだけで、相手に与えるインパクトは相当なものになります。 というわけで、透明でかなりクール、なおかつ割といろいろ参考になりそうな名刺デザインは以下から。 30 Transparent Business Cards | Transparent Business Card Collection ◆1：Transparent Business Card ◆2：Exc
2013年1月6日「bikkuri.me（ビックリ）」をリリースしました。 - 「うれくやしい」
2013-01-06 2013年1月6日、「bikkuri.me（ビックリ）」をリリースしました。 こんにちは。 Pから始まる名前のヒトです。 本日 2013年01月06日、ネットで無料で見られるステキな「企画書」を集めたサービス『bikkuri.me（ビックリ）』をリリースしました。 と、本題に入る前に、大学生活も後少しということで、この半年間で友人たちと創ったものを少し振り返りたいと思います。（いまも製作中のサービスが2、3個ありますがとりあえず振り返り） 『2012年10月08日』with @Mrk1869 Spam Museum『迷惑メールまとめサイト』をリリースしました。 戦績：Klab株式会社主催プロトタイピングラボ優勝、笑っていいともでバナナマン日村に紹介される、アッコにおまかせで紹介される、複数メディアに掲載など 『2012年10月22日』with ＠tak0303 出だし
JAYPEG
JaypegWelcome to JAYPEGJAYPEGは簡単に優れたポートフォリオが作成でき、自分の作品を投稿できる、 デザイナーのためのソーシャルサービスです。
某オライリー社の技術書風の年賀状素材を作ってみました - 聴く耳を持たない(片方しか)
具体的にどういうものか？結論から先に言うと、こういう感じのやつです。 Carpet python by rikuo is licensed under a Creative Commons Attribution 3.0 Unported License. Based on a work at http://www.flickr.com/photos/brisbanecitycouncil/5278832161/. 来年、2013年の干支は巳年ということでヘビを描いてみました。後段でも説明しますが、クリエイティブコモンズライセンスの「表示」でこのヘビのイラストは公開しているので、自由に使えます。 着想の経緯や元の写真の説明など 先行する元ネタ オライリー（O'Reilly Media）社の技術書と言えば、エンジニアにとっていつもお世話になっている存在ですね。また表紙に動物の木版画を使ってい
UXという考え方を知る上で重要な3つの要素とは？ / Maka-Veli .com
本当は書くの嫌なんですが、あえて突っ込んでみました。 こういうのは個人的考えを出し合って理解を深め合った方がより良いと思ったためです。 前回は、UXデザインという切り口で書きましたが、ふわっとした印象のUXについて、個人的に重要としている点を挙げていきます。UXの根本的なところは色んな所で書かれてますので、UXとはなんぞや？というようなモノは省きます。 まず前提として、UXは「体験や感情」という人の本質部分の背景的な考察、 更に「不変的な事実」、そしてフロントの「UIへの適用」が重要ファクターだと考えています。 これらを掘り下げて説明する能力も無いわけですが、我々が慣れ親しんだ部分で言うと、 わかりやすいところ以下の3つがあるかと。 1. 今までの体験 「今までの体験」という点をデザインに取組む、これは「デザイン」の原点的なモノだと考えています。 以前にも書いたんですが、デ
これが出来れば中級者！Illustrator初心者のための「ロゴ作成講座」
先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい！」「抱いて！」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか？」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し
iPhoneを防水・防塵・耐衝撃に変えるゴリラガラス採用ケース「TAKTIK」
トラス構造のシリコンを周囲にめぐらせることによって衝撃を吸収、プラスチックの数十倍の強度を持つゴリラガラスを使用しスクリーンも保護、防水、防塵、耐衝撃のメカニックなデザインのiPhoneケースが「TAKTIK」です。 TAKTIK | LUNATIK https://www.lunatik.com/products/taktik TAKTIKがいかに衝撃や水、砂などに耐えるかは以下のムービーから確認することができます。 LUNATIK TAKTIK: Premium Protection for the iPhone on Vimeo 大きさは133mm×77mm×18mm、アルミニウム製で、重さは135gです。 iPhoneを全方向からがっちりプロテクトする構造になっています。 iPhoneを振り上げ…… バシッと地面に叩きつけます。 小石にぶつかり、砂にまみれたiPhoneインTAKT
Yahoo! JAPANのトップページデザイン15年史
ニュースや天気やメールなど、なんだかんだでヤフーをチェックしない日はありません。この習慣ははや10年以上続いてます。ちょっと昔のヤフーのデザインに興味が湧いたので、インターネット・アーカイブで年代別にスクリーンショットを撮ってみました。 1997年 Yahoo! Japanは1996年の4月1日にオープン。しかし最初のアーカイブは1997年からです。見た目は今の携帯サイトみたいですね。それもそのはず、当時はモデムによる通信しかなかったので通信容量との戦いでした。 Yahoo! JAPAN 1997/04/14 1998年 バナー広告がリンク切れしているのはご愛嬌。テーブルによる段組がスタート。CSSの概念は登場していましたがブラウザが対応しておらず、しばらくテーブルレイアウトが主流となります。 タグ(html,css)辞典: CSSの歴史 Yahoo! JAPAN 1998/12/05 1
アップル製品と約50年前のブラウン社の家電製品がどれくらい似ているか比べてみた
日本では電気シェーバーや電動歯ブラシが有名なドイツの家電メーカ「ブラウン」ですが、他にも非常にデザイン性の高いラジオや電卓、スピーカー等の製品も作っています。特に50年ほど昔の製品が現代のアップル製品に多大なる影響を与えているようです。 ブラウン社製品の非常に美しいデザインは伝説的なデザイナーであったディーター・ラムス氏(1998年に退社)が手がけたもの。「より少なく、しかしより良く」との考えのもとデザインアプローチを行なっており、現在も世界中の博物館で彼のデザインした数多くの製品が収集されています。 Apple社の製品は昔から外見の設計に大きな労力が払われていますが、特にジョナサン・アイブ(インダストリアルデザイングループ担当上級副社長)が手がけたアップル社のiMacやiPodなどのデザインは、ラムス氏から大きな影響を受けていることが指摘されています。当のラムス氏は「アップル社のデザイン
厳選！驚くほどデザイン性の高い無料のブログテンプレート５５個 | バズ部
ブログのデザインは、読者に与える第一印象に大きな影響を与える。どれだけコンテンツが優れていても、デザインが悪ければ台無しになってしまう。一方、質の高いコンテンツと好印象を与えるのブログデザインが組み合わさると、読者の記憶に残るブログになる。 だからこそ、ブログのデザインに悩んでいる方は多いのではないだろうか？しかし、実は、ブログテンプレートを使うと、あっという間に質の高いブログデザインを作ることができる。 そこで、本日は、驚くほどデザイン性が高く、無料で使えるブログテンプレートを厳選して５５個ご紹介する。 あなたの気に入るものが、きっとあるはずなので、ぜひ使ってみよう。 Exhibition デモ ｜ ダウンロード Palladiumize デモ ｜ ダウンロード Architekt デモ ｜ ダウンロード ※有料版はレスポンシブデザイン対応 Grid Portfolio デモ ｜ ダウン
作り込みが凄い！完成度が尋常でない！カレンダーアプリの超新星Staccal
最初のバージョンであるにもかかわらず、その緻密な作りには圧倒されます。 一分のスキも無い計算し尽くされたデザイン。 ダイアログ、ナビゲーションバー、ボタンの一つに至るまでリデザインする手の込みようです。 ジェスチャーで直感的操作が可能なUI設計、楽しいアニメーション。 そして、ユーザーの好みを細かく反映できるカスタマイズ機能。 この感じ、どこかで……人気のTwitterクライアントTweetbotを開発したTapbotsの一連のアプリにあるシズル感に近いものを感じました。 Tweetbot ― 個性派Twitterクライアント (for iPhone) カテゴリ: ソーシャルネットワーキング 価格: ￥250 隅々まで行き届いたおもてなしの心とでもいうのでしょうか。ユーザーを心地よくさせようという気配りにあふれているのです。 Tapbotsがカレンダーアプリを作るとしたら、恐らくStacc
ポータルサイトのデザインをする時に意識したこと5つ - Design Color
もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに黄金比や白銀比を使ってみる 1.グローバルメニューを埋れさせない ポータルサイトは情報量がとても多いです。ユーザーを迷わせないためには、画面が遷移しても変わらずそこにいてくれる「グローバルナビゲーション」は頼りになる存在です。それが他の情報に埋れてしまってはもったいないですよね。なので、デザイン時にはまずこの子に注目してみました。 白抜きのメリット 色々なサイトを観察していると、ナビゲーションバーに白抜きを使っているサイトが多く見られました。 調べてみたところ、白抜きは小さな文字でもやや大きく見えるというメリットがあるとか。なぜなら、白は「膨張色」だからです。 膨張色とは明度が高いことから、他の色に比べて膨らんだり広がったり錯覚する色のことです。白や明度の高い暖色系が膨
クックパッド流UIの作り方 - takeshi nagayama's blog
なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を
フォントがもっと分かる！欧文フォントの名前に付いているアレの正体とは？
普段使っているフォントにはフォント名のほかに、MT、Std、OsF、CEなど見慣れない省略文字が付いていることがあります。その正体とは一体何なのでしょうか？個人的に気になったものを中心に詳しく調べてみました。 多くの場合はフォントブランド名や太さ・スタイルを示す 有名・定番フォントはライセンスの関係上、様々なフォントブランドが同じ名前の書体のフォントをリリースしているため、区別するために省略文字が付けられていることがあります。頭についたり後ろについたりします。 割とよく見かけるブランドだと、FF=FontFont、BT=Bitstream、MT=Monotype、ITC=International Typeface Coprporationでしょうか。皆さんのパソコンにインストールされているフォントにも多く見つかるはずです。最近はあまり見かけなくなりましたが、LT=Linotype、A=A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ジョン・マエダの考える「デザインを超えるもの」
神がかり的な素晴らしいデザインのiOSアイコンギャラリー - 46 Fabulous iOS Icon Designs -
IDEA * IDEA
UICloud : WebデザイナーのためのUIエレメント専門のリソースサイト
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
長文日記