「シンプル」という思考停止状態にならないために : けんすう日記
ユニクロについて リリースジャンキーにならないようにしよう！ - nanapi社長日記 @kensuu の続きです。 最近、以下の本を読んでいました。 Think Simple―アップルを生みだす熱狂的哲学 どういう内容かというと、ステーブ・ジョブズはとにかくシンプルに物事を考えていて、それがアップルの成功の秘訣だ、的なはなしです。シンプルの杖を持っていて、それで叩かれる、と本の中では表現されています。 語り口調もいいですし、かなり影響を受けました。シンプルはいい！という話なのですが、非常にわかりやすく、シンプルの持つ魔力を表現できている良書でした。 世の中、ものごとを複雑にするような要因がたくさんあります。それをいかにそぎ落としてシンプルにするっていうのはとても大事であり、それを守り続けた会社や製品だけが残るのだろうなあ、と思っています。 しかし、一方でシンプルの難しさも感じました。シン
黒を使うな - モジログ
Ian Storm Taylor - Design Tip: Never Use Black (August 2012) http://ianstormtaylor.com/design-tip-never-use-black/ デザインでは黒を使うな、という話。筆者のIan Storm Taylorは、Segment.ioというサービスの共同創業者で、デザイナーでもあるようだ。 筆者は子供のとき、美術の教師から、黒には注意せよとアドバイスされた。その後、RISD（Rhode Island School of Design）でも似たようなことをたびたび言われたとのこと。 人間は、「暗いもの」を「黒」と結びつけてしまいやすい。しかし、ほんとうの「黒」というものは、実はめったにない。筆者はまず、Wayne Thiebaud（アメリカのポップアートの画家）の絵を例に、影が黒ではないことを示す。
クックパッド流UIの作り方 - takeshi nagayama's blog
なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を
サマーウォーズクロック ブログパーツ＆スクリーンセーバー
サマーウォーズを映画館で見た日のあの感動。 サマーウォーズへの感謝とリスペクトの想いを込めて、サマーウォーズクロックを作っちゃいました！ デザインはサマーウォーズの劇中にも登場するOZのワールドクロックを参考にさせていただきました。 以下のフォームに取得したいサイズを入力すると、ブログパーツタグが生成されます。 「貼り付けタグ」をコピーして、お使いのブログの任意の場所へペーストしてください。 「プレビュー」ボタンをクリックすると指定したサイズのブログパーツがポップアップで表示されます。
約36時間でレスポンシブデザインを作る！効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ
Twitterの新本社が洗練されている件:ハムスター速報
TOP > 話題 > Twitterの新本社が洗練されている件 Tweet カテゴリ話題 0 ：ハムスター２ちゃんねる 2012年7月2日 00:00 ID：hamusoku 6月にサンフランシスコのマーケットスクエアに移転したTwitter本社ビル 築75年の歴史ある建物 1 2 3 http://twistedsifter.com/ 1 :ハムスターちゃんねる2012年07月02日 00:01 ID：YoNDxwCa0 すげぇぇぇｗｗｗ 5 :ハムスター名無し2012年07月02日 00:01 ID：piFUhUgt0 ほぁ… 4 :ハムスター名無し2012年07月02日 00:01 ID：4JZt19aY0 なんだこれwwwwwwwwww 2 :ハムスター名無し2012年07月02日 00:01 ID：.vKjS7hr0 この程度か 3 :ハムスター名無し2012年07月02日 00
CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！ こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！ 気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top
gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない : きよおと-KiYOTO
6月20 gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない カテゴリ:Awesomeデザイン http://blog.livedoor.jp/clock510/archives/1818437.htmlgifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない モーションデザイナーUKYO Inabaさんの作品 東京23区の区章をカラフルでスタイリッシュなgifアニメーションで表現した斬新なアイデア。 普段、目にする状態だといかにも紋章といった感じで堅苦しく、道路標識などで無意識に見ていても、あまり記憶に残らないことが多いですが、これなら興味をもって身近な存在と感じられそうです。（6/21追記：コチラもおすすめ→東京23区のgifアニメに新展開〜 映画のオープニングのようなクールな表現がスゴイ!!） uky0178(UKYO I
みなさんが「ここの作成会社はいいサイト作ってるなー」って感じるweb作成会社を教えてください。いろいろ探してるけど、いかにも商業的で微妙なやっつけ仕事の会社しか見当たらないです。カヤックやキノトロープなどの大手よりも、できれば小規模の会社で教えてくれると嬉しいです。よろちく
みなさんが「ここの作成会社はいいサイト作ってるなー」って感じるweb作成会社を教えてください。 いろいろ探してるけど、いかにも商業的で微妙なやっつけ仕事の会社しか見当たらないです。 カヤックやキノトロープなどの大手よりも、できれば小規模の会社で教えてくれると嬉しいです。 よろちく
「書店が果たさねばならない役割がある」――ジュンク堂新宿店“最後の本気”
「本音を言えば、この本が売りたかった!!」――3月末に閉店したジュンク堂書店 新宿店。最後のブックフェアがネットで話題を集めた。フェアの反響に驚いた店長は「リアル書店が果たさなねばならない役割がある」と思いを新たにしている。 「本音を言えば、この本が売りたかった!!」――こんなタイトルのブックフェアが3月、「ジュンク堂書店 新宿店」（東京・新宿三丁目）で開かれた。書店員が本当にお気に入りの本を持ち寄り、POPに本への熱い思いをつづったフェアの様子は、「書店員の最後の本気」とネットで話題を集め、たくさんの客が訪れた。 それは確かに、「最後の」本気だった。ジュンク堂書店 新宿店は3月31日、7年の歴史に幕を閉じた。テナントとして入居していた「新宿三越アルコット」の営業終了に伴う閉店。最終日には多くの人が訪れ、店内の最後の様子をTwitterにアップする人もいた。 同店の毛利聡店長は、閉店フェア
ロゴの扱い方でプロとアマの差が出る。アイソレーションゾーンとレギュレーション・ビジュアルアイデンティティについて / Maka-Veli .com
Webサイトを眺めていると、よくロゴの扱い方が雑な物をよく見受けられます。どうもWebの場合はそれが多く見られる気がします。「印刷をしない」 からでしょうか？僕も当時、よく叱られてました・・・ アイソレーションゾーンとは アイソレーションゾーンとは、ロゴ等の周りにある『余白』の事です。 ロゴ周りでなくても、キャッチコピーやタイトルの周りに取ることが多いはずです。 タイトルやキャッチコピーなどの場合は、 ジャンプ率を高めに設定する場合は2~4倍くらいでも良いと思います。 逆にジャンプ率を低めに設定した、あまり強調を必要としない場合でも、 1つ分くらいは空けるとすっきりしますね。 スペースを上手く使える人はプロデザイナーっぽいですよね。 ホワイトスペースは「無駄」じゃありません。 隙間があるからといって、あれこれ詰め込むのはいかにも素人っぽいです。 ロゴレギュレーション 大
デザイン力をアップさせてくれそうな記事・サイトまとめ | ひらめき箱
・最近プレゼン資料作ったりなんだりと、人に見せる文章を書く事が多くなってきたので（当然ブログとかも）、デザインの勉強になりそうなサイトをかき集めてみた。 ・どれも読むだけでもんのすごい参考になる！そして普段見ているサイトも、ちょっと違う視点から眺められるようになって楽しい！ 記事が自動展開されない場合は以下のリンクをクリック↓
センスのいらないUIデザイン（１） よいデザインの４原則 | エンジニア開発記
iPhoneアプリのUIデザインは重要です。 よいUIは使いやすくそれだけで好まれることもありますが、UIが悪ければ使ってすらもらえないこともあります。 使いやすいUIを作るにはセンスが問われるわけですが、センスとはあいまいなものです。 センスからあいまいさを取り除き、なぜそれが良いデザインなのか、どこがいいのかを追求すると、それは学問となります。 学問としてデザインを学ぶとセンスが必要なくなるだけでなく、ぶれることなくいつでもよいデザインを作ることができるようになります。 UIを学問ととらえたときにいくつか重要な事柄があるので、何回かに分けて紹介したいと思います。 ドナルド・A・ノーマンのよいデザインの４原則 ドナルド・A・ノーマンのよいデザインの４原則というのがあります。 可視性 よい概念モデル よい対応付け フィードバック この４つをわかっているだけでもかなり使いやすいUIデザインが
Webデザインの評価項目をつくる
Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ
波紋を呼ぶ「日本のゲームはクソ」発言――「数百人の視線と声で嫌な汗が流れた」
※本ページはアフィリエイトプログラムによる収益を得ています 日本のゲーム業界はこれをどう受け取る？ インディーズゲームクリエイターのPhil Fish氏が、現在の日本のゲームについて聞かれ「クソだね（Your games just suck.）」と答えた件が波紋を広げている。すでに国内のゲームニュースサイトでも一部報じられているが、そのときの会場および壇上の様子を、Phil氏に質問を投げかけた本人に直接うかがった。 Phil氏と言えば、開発中のゲーム「Fez」が、まだリリース前にもかかわらず多くのアワードを受賞するなど、今もっとも発言力のあるインディーズゲーム開発者の1人と言っていい。Phill氏の発言は、映画「Indie Game The Movie」についてのパネルディスカッションの中で飛び出した。 Phil氏が開発中のインディーズゲーム「Fez」 質問したのは、日本から参加していたゲ
ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」
既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちらかというとWebデザイナーさんなら知ってて当たり前じゃないかという内容かもしれません。 スライドの作成者さんのブログでもノンデザイナー向けの講義向けのスライド、とありました。→福井高専でノンデザイナー向けの講義しました デザインとアートの違い、なぜデザインが必要なのか、Webデザインとは、などなどが解説されています。Webデザイン論では必須の導線、レイアウト、情報のグルーピングにもしっかり触れてくれています。Webデザインには理由がある、というのが分かるかと思います。（「意味」って言っちゃうと語弊がありますよ）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
勘違いだらけのAndroid UIデザイン
html5-memo.com
layer8.sh
html5-memo.com
