日経BP株式会社 日経BP 〒105-8308 東京都港区虎ノ門4丁目3番12号 →GoogleMapでみる ＜最寄り駅＞ 東京メトロ日比谷線「神谷町駅」4b出口より徒歩5分 東京メトロ南北線 「六本木一丁目駅」泉ガーデン出口より徒歩7分
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
無料で使える新しいiPad/iPhone4S/iOS5などのGUIパーツ詰め合わせPSDファイル集
新しいアプリのモックアップ作成やデザインの時に、画面上に見えている各種パーツを組み合わせれば単純なスケッチやメモ書きよりももっとはっきりとイメージできることが多く、そういうときに使えるのはこのPhotoshopで利用できるPSDファイル集です。 これらを使えばiOS向けの開発をするときにより説得力のある画面作りや、実際に作る前に最終的にユーザーが触れるデザイン・GUI部分について見栄えを確認することができるため、機能を作ってからGUIの整理をしたら二度手間、三度手間になったというような余計な手間や時間を減らすことができるはずです。 ◆新しいiPad(Retinaディスプレイ対応) iPad GUI PSD (Retina Display) | Downloads | Teehan+Lax http://www.teehanlax.com/downloads/ipad-gui-psd-ret
WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね＼(^o^)／ 様々なWEBシステムのデザイン よいデザインはデザインをする対象（今回はWEBシステム）のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく～いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい
アップル社デザイナーが、自社製品のデザインを語る＋（1/3ページ） - MSN産経ニュース
米Apple社でインダストリアル・デザインを担当する上級副社長のジョナサン・アイヴは、あまりインタヴューを受けない人物だ。しかし12日付けの『Evening Standard』紙は、科学技術担当の編集者マーク・プリッグがアイヴ氏を取材した、1,670ワードにのぼるQ&A記事を掲載した。Evening Standardはロンドンの新聞であり、アイヴ氏が同紙の取材を受けたのは、同じ英国系であることも理由なのだろう。いずれにしろ、これは快挙だ。 [ジョナサン・アイヴはロンドン生まれ。ノーザンブリア大学でインダストリアルデザインを学んだ。ロンドンにあるデザインエージェンシーTangerineで短期間働いた後、1992年に米国へ移住しApple社に入社した] 詳細は実際の記事を読んでいただくとして、以下では、われわれが興味深いと思った5つのポイントをご紹介しよう。新製品はどのように誕生するのか 「最
「クラウドデザインパターン」をAmazonが公開。システム冗長化、突発的トラフィック対応、動的コンテンツ処理など45種類
Amazonクラウドを使ったシステム設計の際に直面する典型的な問題に対して、解決策を分かりやすく分類、解説した「AWSクラウドデザインパターン」（略称CDP）が公開されました。Facebookページも開設されています。 作成したのはAmazonのスタッフやサードパーティのエンジニアら。 CDPのWebサイトはWikiで作られているため、誰でも新たなデザインパターンなどを追加可能。現在45種類のパターンが登録されており「あと3つ加えると“CDP48”と言えるようになるので、ぜひ追加してください」（玉川氏。JAWS Summit 2012でCDPの公開について説明した際に）と、呼びかけています。 45種類のパターンが9のカテゴリに分類 それぞれのパターンには、名前、解決したい課題、クラウドでの解決方法、実装方法、解説図、メリットと注意点、関連パターン情報などが含まれています。 例えば、サーバの
ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」 - かちびと.net
既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちらかというとWebデザイナーさんなら知ってて当たり前じゃないかという内容かもしれません。 スライドの作成者さんのブログでもノンデザイナー向けの講義向けのスライド、とありました。→福井高専でノンデザイナー向けの講義しました デザインとアートの違い、なぜデザインが必要なのか、Webデザインとは、などなどが解説されています。Webデザイン論では必須の導線、レイアウト、情報のグルーピングにもしっかり触れてくれています。Webデザインには理由がある、というのが分かるかと思います。（「意味」って言っちゃうと語弊がありますよ）
metaタグを追加してFacebookに対応する方法とハマりやすいポイント
Facebook使ってますか？ こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね！」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね！」や「シェア」で効果的に露出できるような方法をまとめてみたいと思います。 それでは続きからどうぞ！ 「いいね！」「シェア」をするとFacebook上に何がどう表示されるのか 「いいね！」や「シェア」をすると自分の掲示板やニュースフィードにアクティビティが表示されます。 自分の掲示板 「いいね！」したものは「最近のアクティビティ」という項目にまとめられて表示されます。 よくよく見てみると、記事のタイトルだけのものと、サイト名が入って
FOSS4G Tokyo にジオドル登壇
10/31(日)〜11/2(火)に開催されるオープンソースGISのカンファレンス、 FOSS4G Tokyo にて、ジオメディアサミット名古屋でデビューし第6回ジオメディアサミットでも大活躍だった女子ユニット、ジオドルがパネルディスカッションで登壇します。 10/31(日)です。詳細/申込みはこちらから。 http://www.osgeo.jp/foss4g2010tokyo/ ジオドル(ジオメディアサミット)： ジオガールズサミット featuring ジオドル (株)アクシオン 大山 有美 氏 (株)マピオン 藤本 亜矢子 氏 (株)スカイミント 岩崎 かおる 氏 (株)ライブドア 小黒 麻美 氏 ヤフー(株) 水田 千恵 氏 女性目線で、ジオについての本音トークが繰り広げられる予定です。是非ご参加ください。
ところでiPadアプリってどうやって作るの？てなったときに読む記事
こんにちわ。4-ROOMSが終了なんてショック過ぎ！やしこです。 最近iPadのデザインに関わる機会がありまして、情報がまだまだ少なかったのでまとめてみました これからiPadのデザインをする方のお役に立てばうれしいです 今回はTwitterクライアントやリーダーで主流な２カラム型のアプリデザインです ePub（電子書籍）の作り方は先月のMDNで特集されていました iPadにしか見られない（WEBにない）仕様 縦横で画面構成が変わる iPadはiPhoneと同じく持ち方によって画面レイアウトが変形します。 縦横２パターンデザインする必要があります 意外とデザインをモニタの中だけで詰めていくと忘れる動きなので はじめにワイヤーに盛り込まれているか確認した方が良いと思います。 PopOver 項目の詳細を見たいときは画面遷移ではなくてPopOverとよばれる吹き出しのようなものがオーバーレイし
2010年、ウェブベースの会社・サービスで使用しているロゴデザインの11のトレンド
ウェブベースの会社・サービスで使用しているロゴデザインを11の特徴に分け、見習うべき素晴らしいもの、ちょっと残念なものなど11のトレンドを紹介します。 11 Trends in Web Logo Design: The Good, the Bad and the Overused 以下は各ポイントを意訳したものです。 はじめに 1. バッジとボタン 2. スピーチバブルとメガホン 3. 不透明 4. かわいいイラスト 5. スクリプトやスラブ系のクールなフォント 6. 葉などの植物 7. 歪な四角形 8. レトロゲーム 9. ワードの一部だけカラーを変更 10. ロゴタイプ 11. ノードやハブ はじめに ウェブベースの会社や新規事業のためにロゴをデザインすることは、果てしない魅力の追求です。私たちは、ロゴのトレンドについていくつかの知識をピックアップしました。トレンドのいくつかは素晴らし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
海外のウェブサイトから学ぶ、ディテールにこだわったデザインのテクニックのまとめ
layer8.sh
ジョナサン・アイヴ、Appleのデザインを語る
ポッケの知っとくチャンネル｜Just another WordPress site
ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集