2013-03-29 直感的なUIとは予想した通りの結果が得られるもののこと UIデザインの参考に!斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが... 続きを読む
日記1ヶ月前くらいから社内のエンジニアが今年はYAPCに行くだの、発表するだの話しているのが聞こえていました。私はデザイナーですし、まぁ参加するなんてことないと思っていました。参加するきっかけになったのは id:uzulla さんのツイートで、何やら今年はu... 続きを読む
デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができませ... 続きを読む
事の起こりは書道室に行った時のこと。 生徒の作った篆刻(てんこく)が飾ってあった。 篆刻とは、書道のすみっこに押してある赤い正方形の印です。 フルネームで彫ってあるやつは個人情報保護。 なぜかモノクロのコピーで飾ってあるクラスも。 で、このモノク... 続きを読む
このサイトをご覧いただくには、JavaScriptの使用が有効になっている必要があります。 お使いのブラウザの設定でJavaScriptの使用を有効にしてください。 続きを読む
はてなブックマークの正式リリースから、様々なギークたちが高速化についてアドバイスをされてます。 はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記Re: はてなブックマークのコンテンツの JavaScript を高速化する - つれずれなるままに... 続きを読む
山口情報芸術センターYCAMで11/1から開催中の「ミニマムインターフェース」展で 会場のナビゲーションデザインを担当しました。 「ミニマム インターフェース」展では、ナビゲーションデザインを、展示に対するメタ・インターフェースの意味で、作品と鑑賞者の... 続きを読む
リアルタイムに編集結果がわかるボタンジェネレータ『As Button Generator』 June 11, 2008 1:10 AM written by Gen Taguchi 彼女を使ってプレスリリースを送ってきた人から新作のお知らせが。これはかなりいいのでは。巷によくあるボタンジェネレータですが、... 続きを読む
■ [misc] 「やさしい仕様書」を書くために使えそうな3つのアイコン Joel on Software - やさしい機能仕様 - パート 4: ヒント 「Joel on Software」によれば、より良いソフトウェアの仕様書を書くためには 挿絵や空白をたくさん使わないといけないのだそうだ。... 続きを読む
stock photography community - browse our huge gallery for high quality stock photos or share yours with others.Welcome to Stock.XCHNG, the leading FREE stock photo site!Whether you just want to browse our huge image gallery or want to share y... 続きを読む
デザインの仕事に携わっていれば一度は経験するであろう仕事がロゴデザインです。ロゴ(ロゴタイプ)は、対象となる企業やサービスを抽象的もしくは直接的なメッセージを盛り込んだ文字をビジュアル化して表現したものです。見たときのインパクトを求められること... 続きを読む
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this site. So there is really... 続きを読む
CSS Juice 20 Best Favicon Online Generators Favicons (favorite icons) are the small images that are associated with a website. It will be displayed on address bar, tabbed browsers and your bookmark list. faviconジェネレーター20個 favicon.cc 2... 続きを読む
ネットサーフィンをしていると、floatを使って段組しいていて、レイアウトが崩れているサイトを時々見かけます。 ほとんどの場合が、左のみwidthを指定しているが、右に指定していない場合です。これはWINのIEでのみ段組されて表示されますが、モジラ等では、右... 続きを読む
ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 今回まとめた内容をあらかじめ言っておきます。 CSS JavaScript イメージギャラリー Generator Ajax です。 とりわけJavaScript... 続きを読む
ソシオメディアでは、これまでのUI設計・評価・標準化サービスの経験に基づき、様々なUIデザインのベストプラクティスをパターン化しています。各種アプリケーションのUI設計効率とユーザビリティの向上に役立つノウハウとして、その一部を公開していきます。 続きを読む
仕事で煮詰まったりしたとき、環境をちょっと変えてみる。これって、結構大事なことですね。。 部屋の模様替えをしてみたり。。。 通勤ルートをちょっと変えてみたり。。。 週末にノートPCを持って、カフェで仕事してみたり。。 そんなちょっとした変化で新しい... 続きを読む
先日、このブログの読者の方からメールをいただきまして。。。 その方はアイコン素材をお探しとの事でして・・・ 既に色々なところで無料アイコン素材をまとめられているので、今回は大きめアイコン(32 x 32以上。。。)にしぼって、まとめてみました。。 マック... 続きを読む
Webデザイン > プログラマでも出来るWebデザイン 2007年01月08日 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンス... 続きを読む
POP*POP的アイコン配布サイトまとめ December 12, 2006 2:27 PM written by 100SHIKI Apprentice よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきま... 続きを読む
日本の伝統色をRGB16進数でリスト hexadecimal rgb chart for japanese traditional colors.2xup.org repos: traditional colors of japan 日本の伝統色 和色大辞典: http://www.colordic.org/w/ 日本の伝統色のPhotoshop用カラーパレット(caramel*vanilla) 日... 続きを読む
■ 真・はてなプロフィールアイコン大図鑑 はてなブックマークのエントリーページで個々のユーザーの顔と言うべきなのが、プロフィールアイコンです。 例えば私のアイコンは、 こんなですが、元々はデフォルトのユーザーアイコンも用意されてはいるものの、それ... 続きを読む
はてなプロフィールアイコンのデザイン傾向 はてな はてブクロニクル の方で、プロフィールアイコンについてまとめてみました。 http://chronicle.g.hatena.ne.jp/rikuo/200611 ただし、1600以上のユーザーアイコンを表示しているため、非常に重いのでご注意下... 続きを読む
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme ... 続きを読む
Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白... 続きを読む
1963年大阪生まれ。日本DEC,日本総合研究所,野村総合研究所,などを経て,現在ビジネス・アーキテクツ所属。Webサイト構築の現場に必要な技術的人的問題点の解決と,エンジニアとデザイナの共存補完関係がテーマ。開発者の品格がサイトに現れると信じ精進中。... 続きを読む
使える2.0系カラーパレット October 6, 2006 9:28 AM written by Gen Taguchi ちょっとメモ書き。 2.0っぽいって言葉ももうアレですが、デザイン的には綺麗なサイトが多いので色使いはいろいろ参考にしています。その際によく見ていたのが「Web 2.0 Colour Pale... 続きを読む
ちょっと使えるかもしれないCSS(1) - 見出しを飾る Design ちょっとHTML(2) - h4,h5 で紹介した見出しをCSSで装飾する例をいくつか。 見出し h4 はてなでよく見かけるタイプ。 h4 { width:12em; border:solid #CCCCCC; border-width:0 0 1px 12px; padding:0.4... 続きを読む
2.0っぽいデザインのフォトショップテンプレート集(しかも無料!) September 22, 2006 7:41 PM written by Gen Taguchi 昨今のウェブデザインでは2.0っぽいものがまずは候補になると思いますが、一から作っていては面倒です。そこで無料でPhotoshopのテンプレ... 続きを読む