「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜！」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい！ 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
約36時間でレスポンシブデザインを作る！効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ
置き型。能作（のうさく） デザイン風鈴 TANPOPO たんぽぽ - オブジェ/置物 - 雑貨kUkan - 雑貨好きのための雑貨紹介サイト
あら、こんなのもあるんですね、というピリリとスパイスのきいた1品。 パッと見はオブジェですが、置く型の風鈴です。 たんぽぽの綿毛をモチーフにしたものが揺れて土台がチリリンと鳴る仕組み。 風鈴というと、ぶら下がっているイメージなので、そこを裏切ってかつ納得さえられるクオリティを担保しているのは素敵ですね。 一般的なイメージを覆してみる。チャレンジではありますけど、応用できそうっす。 AQUAで発見。4305円也 NHK Worldのクオリティがすごいっす。という人にお勧めです。
ライバル関係にある大企業同士のロゴを交換するとこうなる
コカコーラとペプシ、GoogleとYahoo!など、ライバル関係にある大企業同士のロゴを上手に交換して新たなロゴを作り出しているGraham Smithさんによるプロジェクトです。違和感なくなじんでいるものもあり、なかなか見応えがあります。 imjustcreative | your creative logo designer 1：アップルとアンドロイド 2：AudiとBMW 3：AudiとVolkswagen 4：BingとGoogle 5：キヤノンとニコン 6：コカコーラとペプシ 7：FacebookとTwitter 8：FerrariとFord 9：GoogleとYahoo! 10：ハーレーダビッドソンとモトグッチ 11：HELLY HANSENとTHE NORTH FACE 12：LUMIXとライカ 13：MasterCardとVISA 14：マクドナルドとバーガーキング 15：
見ているだけでも楽しい、ネガティブスペースを使ったロゴデザインのまとめ
ネガティブスペースとはホワイトスペース（空白）としてもよく知られており、コンテンツに占拠されていないエリアのことで、特定のアイテム間のスペースであるとも定義できます。 そんなネガティブスペースを巧みに使用したロゴデザインを紹介します。
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
デザインが粋でかなりかっこよさを感じるパッケージいろいろ
何かを買うときにまず最初に目に付くのはそのパッケージ。購入後もパッケージがちょっと普通と違って良い感じだと開けるときのワクワク感も高まります。パッケージデザインが凝っていればそれだけでなんだかお得な買い物をした気分になれることもあるほど。 そんなわけで、パッケージデザインがかなりカッコイイものいろいろです。 デザイン一覧は以下から。 22 Cool Packaging Design 1．Porto Novo（スティックコーヒーのパッケージ） 2．Experimental Milk Carton（牛乳パック） 3．Dymov Ultra（ソーセージ） 4．Mulher（女性用の時計） 5．Jooze（架空のフルーツジュース） 6．Lightbulb Box（IKEAの電球のパッケージをリデザインしてみた例） 7．Salt and Pepper Cell（塩とコショウ） 8．Coffee Cu
印象に残る名刺の作り方
2013年12月25日 インスピレーション, 名刺 みなさんはどんな名刺をお持ちですか？またはどんな名刺に目を奪われますか？今働いている会社の名刺ではなく、個人の名刺を作ってみたくないですか？どうせ持つならインパクトのあるものがいいですよね！最初の印象をグッとよくする名刺の作り方がWeb Designer Depotで紹介されていたので意訳してみます！ ↑私が10年以上利用している会計ソフト！ Webデザイナー・デベロッパーとして、私たちは紙媒体を利用したマーケティングを見落としがちです。しかし、会議などクライアントと面と向かって会う場合や今後一諸にビジネスをするかもしれない誰かと出会ったとき、印刷物は非常に役に立ちます。名刺を持つことはあなた自身をオフラインの世界で宣伝するとてもいい方法です。 もちろんWebデザインは創造的な分野であるので、名刺にポートフォリオのような、自分のスキルを見
「ヘイ・ジュード」を完璧に表現したフローチャート | naglly.com
ヘイ・ジュードの歌詞を完全再現したフローチャートです。いい所突いてる。 参照元はこちらです。 love all this | Inspired by jeannr, I flowcharted the Beatles... http://loveallthis.tumblr.com/post/166124704 このフローチャートの拡大画像(960×1280) http://s3.amazonaws.com/data.tumblr.com/tumblr_kolo40SQZq1qzy3cwo1_r1_1280.jpg 最後の「na」ループが良いですね。思わず口ずさみたくなります。他の曲でも出来そうですよ。 本当の歌詞については、下記辺りで確認ください。 BEATLES - HEY JUDE LYRICS http://www.metrolyrics.com/hey-jude-lyrics-b
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
半分沈んだマグカップ。TREASURE MAG - 食器/カトラリー - 雑貨kUkan - 雑貨好きのための雑貨紹介サイト
ICC Online
妄想工作所
エンジニアとデザイナーのコラボレーションの新しいカタチ
http://e0166nt.com/blog-entry-854.html