イラストレーターを勉強しよう - DesignWalker
Firefox 3の新デザイン案公開 - 大きさの違うナビゲーションボタンが特徴 | ネット | マイコミジャーナル
Firefox 3の外見的特徴になるかもしれないナビゲーションボタン(Faaborg氏のブログから抜粋) Mozillaでユーザエクスペリエンスデザインに携わっているAlex Faaborg氏は15日(米国時間)、自身のブログにおいて次期Firefox 3のナビゲーションバーのデザイン案を公開した。Firefox 3では以前のバージョンよりもライトな見た目でありながらもシンプルでモダン、そして使いやすいデザインが模索されている。作業は現在なお進行中で、現在のデザインがそのまま採用されることになるとは限らない。Mac OS X、Windows Vista、XPの3つのデザイン案はすでにできあがっている。 Mac OS X向けのナビゲーションバーデザイン案(Faaborg氏のブログから抜粋) Windows Vista向けのナビゲーションバーデザイン案(Faaborg氏のブログから抜粋) Wi
テクノロジーとデザインの境界線があいまいなもの (arclamp.jp アークランプ)
Web2.0 Expoでベスト講演をあげるとすればチームラボの猪子さんによる「インターフェースデザインのイノベーション（テクノロジーとデザインの境界線があいまいなもの）」です。これはヤバイ。 以下、サマリ。 サーチやマッチングというテクノロジーがあるおかげで、Webにある情報はサイト内外の情報を動的に再編集して構成されるようになった。だから、そのリンク構造も動的。当然、サイトマップやきれいな階層構造なんて存在しない。 サイトの構造が動的なんだから、インターフェースも当然、動的だよね。逆にインターフェースが構造の動的さを引き出して魅力を出さなきゃいけない。 テクノロジー（構造）とインターフェースは切り離して考えることなんてできない。一体なんだよ。 いえーい！も、マイナビバイトも、SAGOOLも、Laboo!も、そうやって作った。 これって「インターフェースの革新の本流」。すごい西洋的。iPa
「最速インターフェースの研究と実践」メモ - 最速チュパカブラ研究会
昨日のSIGHCIのメモです。 最速インターフェースの研究と実践： ライブドア mala氏 まず、自己紹介を兼ねて概論 ブログ「最速インターフェース研究会」 WebのUIの進歩の停滞に対する批判を込めて名付けた 自分の肩書きは「インターフェースエンジニア」 よいUIを作るために「実体験に基づいたチューニングをしている」 自分で使ってみる ユーザの反応を見る 欲望に忠実に作る 作業としては、perl, html, jsの記述 「実のところ、プログラミングに詳しいと言える自信はないし、デザインのことも深くはわからないが、一人で一通りこなせる（完成品を作れる）という点は自分の強み。 よいUIを作るための作業は横断的。割り当てられた仕事をするだけの人ではダメ。」 作品紹介 2ch最速検索 キーボード操作だけでスレッド検索 まだAjaxは使っていない 「めくり型」UIの実験 スクロールしながら読むよ
受動態、見出しには使えます！
能動態が、コンテンツを書くときには一番だ。しかし、見出しや宣伝文句、導入文の中の重要なキーワードを先に出そうと思うなら、受動態を使うこと。そうすれば、読者の目を引き、効果的なSEO（検索エンジン最適化）を実現できる。 Passive Voice Is Redeemed For Web Headings by Jakob Nielsen on October 22, 2007 物書きのためのガイドラインには、受動態の利用についての明確な記述が古くからある。 最悪の書き方： 受動態の利用は、避けられるべきである。 悪い書き方： 物書きによる受動態の利用は、避けられるべきである。 良い書き方： 物書きは、受動態の利用を避けるべきである。 最良の書き方： 物書きは、能動態を使うべきである。 文構成においては、能動態（“行為者が対象に対してXを行う” ）が受動態（ “対象が行為者によってXされる”
「やっちゃった」感を隠せない団体、企業ロゴ8選
会社を作るとき、企業ロゴを決めるのはとても重要ではないかと、様々な企業ロゴを見ていて感じます。では、その企業ロゴを失敗してしまったらどうなるのか、チェックポイントを確認するためにもご紹介しておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! やっちゃった感を隠せない企業ロゴ8選 Coolz0r – Marketing Thoughts » 8 Unfortunate Logosというエントリーより、企業ロゴをしっかり考えるのもマーケティングであるということを再度認識させられます。 ブラジルにある東洋研究機関 ↑わからなくもないけど、なんでそんな風に刺さってるのか。。。 キッズ専門店なのに ↑ちゃんと「キッズエクスチェンジ」と伝えてあげないと教育に悪そうです。。。 イタリアのファッションブラ
美麗なCSS/XHTMLデザインテンプレート配布サイト「STUDIO7DESIGNS」:phpspot開発日誌
STUDIO7DESIGNS Free CSS and XHTML Website Templates created this site to provide people with free xhtml and css designs. 美麗なCSS/XHTMLデザインテンプレート配布サイト「STUDIO7DESIGNS」。 Organic Design Template Eco Business Template. NauticaX2. Nautica05. NauticaX1. Nautica09. Nautica05 Dark. ブログやサイト構築の際に使えますね。 ライセンスは「Creative Commons 2.5 licence」。
デザイン勉強会のまとめをするよ！ | Blog hamashun.com
追記 2007-09-11 まとめWikiへのリンクを追加 2007-09-11 cremaさんの資料追加 FrontPage - デザイン勉強会まとめサイト - livedoor Wiki（ウィキ） デザイナーでない人のデザイン入門 ベジェ曲線で行こう 簡単に名刺を作ろうぜ！ Webサイトのあり方と考え方 総括 Twitter繋がりのまめこが主催するデザイン勉強会に行ってきました。 という訳でまとめです。 この勉強会は、デザイナー向けではなく、デザイナー以外に向けたデザイン勉強会です。 会場は今回も株式会社ノッキングオン様に提供していただきました。 いつもありがとうございます！ なお、まだ資料とか公開されていないセッションもあると思うので、タイトルとか微妙に間違ってるかもしれません。 間違ってたらごめんなさい。 デザイナーでない人のデザイン入門 資料 トップバッターは先生もされているcr
第15回 プロトタイピングの功罪：ITpro
プロトタイピングは，利用者とともにシステムのプロトタイプ（試作品）を作って，仕様を固める開発手法である。その効果を出すには，プロジェクトのどの範囲をプロトタイピングでカバーするのか，仕様の最終的な取りまとめをだれがいつまでにやるのか，といった原則をあらかじめ決めておく必要がある。そうでないと，利用者の意見が収束せず，仕様がいつまでも確定しないといった事態を招く危険がある。 プロトタイピングと呼ぶ開発手法が使われ始めてもう10年近くになる。プロトタイピングは，システムの実際の利用者に設計過程からプロジェクトへ参加してもらい，意見を交換してシステムのプロトタイプ（試作品）を作り，仕様を固めていく手法である。 だが，実際に「役立つプロトタイピング」がどれだけ行われているかとなるとはなはだ疑問である。プロトタイピングの効果を，利用者に自由に意見を言わせて，それをできる限り取り入れようとすることだけ
[設計編]ユースケースに詳細を書いてはいけない
機能要求を「ユースケース」（利用者＝アクターから見たシステムの利用場面）としてまとめ，それを基に分析設計することが一般化してきた。ところが「ビジネス・ルールを入れ込んだり，if～thenレベルのロジックまで書き込んだりと，誤った書き方をしている人が結構多い」と，日本を代表するITアーキテクトの1人，榊原彰氏（日本IBM 東京基礎研究所 IBMディスティングイッシュト・エンジニア）は指摘する。どんどん詳細化し，必要ない情報まで盛り込んでしまうのだ。 「詳細化しないと気が済まないのだろう。『分析麻痺（Analysis Paralysis）』と言える」と同氏。オブジェクト指向分析設計とプロジェクトの「見える化」を実践・推進するチェンジビジョンの平鍋健児氏（代表取締役）も同意見。「画面レイアウトなど情報量が多過ぎることが結構ある。ユースケースはシステムの目的なのに，ユースケース＝機能と考えるからそ
Appleサイトのメニュー風ボタンを作るチュートリアル:phpspot開発日誌
Quick Tip: Beveled Text without Filters or Effects | BittBox Every once in a while we might find ourselves needing to get that “inset” or “beveled” look for text, probably more often for buttons and web design, than anything else. Appleサイトのメニュー風ボタンを作るチュートリアル。 次のようなAppleサイトのメニュー風ボタンを作れます。 イラストレーター用のチュートリアルですが、PhotoShopでもレイヤースタイルで同じように作れそうですね。 シンプルなデザインですが、クールというAppleなUIをまねしてみたいという方は是非試してみましょう。 関連エン
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
ウノウラボ Unoh Labs: グラフィック作りのコツとカン
こんにちは。yamazakiです。 前回はレイアウトなどについて非常にざっくりとですが書いてみたわけですが、いかがでしたでしょうか。 そろそろ「グラフィック」のほうも少し書いてみようかという気になってきたので、グラフィック品質を高めるベーシックな技術についても少しずつ書いていってみようと思います。 基本のき 具体的な話に入る前に、まずは基本的な話から。 とりあえず、ざっとあなたの周囲を見回してみてください。壁にしても、PCにしても、「単なる一色のベタ塗り」にはなっていないのではないかと思います。光の加減などで、「影」や「グラデーション」がついていると思います。また、ものの表面には「つるつる」「ざらざら」といった「質感」があるのが当たり前、という中で私たちは生活しています。 そのため、人の目はそういう「グラデーション」や「影」、「質感」がある状況を「見慣れて」います。 グラフィック上
OBB vs AABB - Radium Software Development
iPhoneの一般修理店は予約なしでも来店できる？ 基本的には飛び込みで修理に行ってもOK iPhoneを置いていたソファにうっかりと腰かけてしまい、パネルを割ってしまった、こんな時はスマホの一般修理店へ行きましょう。画面割れは、スマホやタブレットの故障原因として非常に多いものです。予約なしで突然お店に行っても平気かしらと、不安に思う方々もいらっしゃるかもしれません。結論としては特に問題はなく、予約なしで訪問しても画面割れの修理はお願いできます。 ただし他のサービス業のお店同様、予約なしの場合、お店が混雑していると順番待ちをしなければいけないです。特に繁盛しているスマホ修理のお店だと、行列が店内で出来ており、予約なしだと、自分の順番が巡ってくるまで長時間待たされる可能性があります。平日の朝、昼なら利用客が少ない場合が多く、飛び込みでも比較スムーズに修理が頼めます。 予約は入れた方が時短に、
404 Blog Not Found:あなたのページを最速にする14の掟
2007年05月11日18:45 カテゴリiTech あなたのページを最速にする14の掟 人気Webサイトの管理人、必読。 紹介ページ: 14 rules for fast web pages (Skrentablog) PPTのスライド: http://www.web2expo.com/presentations/webex2007/souders_steve.ppt 実は、これらはYahoo!の"Chief Performance Yahoo!"(本当にそういう役職名)であるSteve Soudersによる以下のblog entriesをまとめたもの。 Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests Performance Research, Part 2:
CSS Dock Menu
May 08, 2007 15,301 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page. CSS dock menu screenshot Update: I no longer s
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
/post/on-api-design-guidelines/
株式会社UEI
Breadcrumb CSS - Appleに習うパンくずデザインCSS - youmos