Backdrop | UX は iPhone によって発見された説
UIデザインに20年近く携わってきた私としては、昨今、「UX と UI は違う」と多くの人が言うのを聞くたび、違和感を覚える。なぜなら、彼らが UX と呼んでいるものはまさに、我々がずっと「ユーザーインターフェースデザイン」と呼んできたものだからだ。それは決して画面の表層的なグラフィックを指すものではなかった。システムが提示する概念モデルや、サービスが提案する体験価値を、合理的なインタラクションの蓄積として現すこと。ユーザーが知覚するシステムの全体像を定める試み。それがUIデザインだったし、そういうスコープで HCI や UCD はテーマづけされてきたと思う。 そもそもユーザーインターフェースという概念はかなり抽象度が高いと思っている。まず、ユーザー（利用者）という言葉は、人間というものに対する人工物の存在を前提としていて、人が道具を作り道具が人を作るという、社会や文化の根本的な発展スパイ
ユーザーと価値観を共有するUXデザイン | keisuke tsukayoshi
最近ブランディングまわりの知見を学ぶ機会が多くて、色んな本を読んだり専門の方にアドバイスを伺ったりしているのですが、そのなかで「ユーザーと価値観を共有する」というアイデアが面白かったので記事にしてみます。 プロダクト・サービスの「価値観」 まず、そのプロダクトが実現したい世界（いわゆるビジョン）というのは事業をなす上で大事な目標になるが、どうしてその世界が素晴らしいと言えるのか？というそもそものサービスが持っている価値観がベースになっていることが必然である。例えば「《ビジョン》を実現したいんだよ、だって《価値観》だろ？」という論理でほとんどすべての意思決定がなされていく。 その価値観がベースとなり組織の行動規範に落ちていって、実際のプロダクトの施策やデベロッパーの仕事に落ちていく。 価値観はかわらない この価値観にまつわるアイデアでいちばん面白かったというのが「価値観をユーザーと握り合って
『エロの「デザインの現場」』 － R18の想像力 - HONZ
なにもかもが久しぶりの経験であった。 書店でなかなか見つからず、店員さんに「『エロのデザインの現場』って本、ありますか？」と聞いてちょっと恥ずかしかったこと。電車の中で隣の人に覗きこまれないよう、表紙に角度をつけてガードしながら読まなければならなかったこと。家に帰ってきてからも妻に見つからぬよう、大きめの写真集の隙間に背を奥側に向けてしまうなど細心の注意を払わなければならなかったこと。 誤解のないように強調しておくが、本書は別にエロ本ではない。エロ本のデザインを司った男たちの物語、そしてその制作現場について書かれた本である。だが、それでも眉を潜める人というのは少なからずいるだろう。かくもエロ本には人権がない。しかし本書を一読するだけで、エロ本は恥ずかしくて隠さなければならないものというイメージがきっと払拭される。 登場する９人のデザイナーは、いずれもエロのデザインをすることが好きでかっこい
はてなブックマークのデザインが見辛い
なぜこんな改悪をしてしまったのだろう。 http://www.itmedia.co.jp/news/articles/1301/08/news128.html 大幅なデザインリニューアルは2008年11月以来との事だが 当初から利用しているユーザーとっては大変使いにくく、見辛くなってしまったのがとても残念だ ＞1月30日には、ブックマークコメントの一覧表示ページを刷新する予定。 こちらも初期ユーザーからすると残念なお知らせになりそう。 初期のデザインに戻す機能を付けてもらいたい。 同意見の方はこの投稿をブックマークして（エントリーに載れば）はてな社員に目をつけてもらえるかも。 ※おもしろいサイトを見つけたのでリンクを貼っておく http://mixch.blog.fc2.com/ はてなブックマークを見るのに使えるかも
【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選
こんにちわ。坪内です。 突然ですが、この2年ほどで集めた素敵なネットショップを一挙公開しちゃいます。はっきり言って、この記事書いてるだけで、何度もポチリかけたくらい、素敵なアイテムがてんこ盛りです。既に知っているショップも多いと思いますが、知らないショップがあったら是非チェックしてみてください。 ちなみに、数が多すぎて説明文書くのは断念しました。カテゴリ毎には分かれているので、実際にご自身の目で確認してみることをオススメします。
icloudのアイコンに隠れた美しさの法則。
Thank you for coming to my blog! this article English version is here. 先日のWWDCで発表されたicloud。アップルのクラウド本格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。 では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。 まずは、なんとなく眺めてみましょう。 雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一本の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。 なんとなく眺めて
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
iPhoneデザインアーカイブ
【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon
ข่าวฟุตบอล, ไลฟ์สกอร์, ผลการแข่งขัน และตลาดนักเตะ
เช็คผลบอล กับผลบอล 69 อัพเดท Real Time หากคุณไม่สะดวกดูการแข่งขันฟุตบอลแบบสด ๆ หน้าจอทีวี หรือติดภารกิจสำคัญทำให้พลาดชมการแข่งนัดสำคัญของทีมโปรดคุณกับคู่แข่ง ถ้าคุณต้องการที่จะทราบความเป็นไประหว่างการแข่งขันและผลการแข่งขันล่าสุด คุณสามารถตรวจสอบผลบอลกับเว็บไซด์ของเราได้เลย เรารายงานผลบอลระหว่างแข่งขัน ที่อัพเดทแบบ Real Time รายงานกันนาทีต่อนาทีให้คุณได้ทราบก่อนใคร หากคุณพลาดชมการถ่ายทอดสดแข่งขัน ค
配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]
配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない！ よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基本となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/
Showcase of Double-Sided Business Cards - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact Business cards are a necessary marketing tool for any designer, and they also provide an opp
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-08 >
パーツごとのデザインが盛り沢山で参考にできる「Pattern Tap」:phpspot開発日誌
Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative - Pattern Tap パーツごとのデザインが盛り沢山で参考にできる「Pattern Tap」。 結構前に話題になっていたようですが知らない方もいるようなのでご紹介。 アーティクルカテゴリに入ったデザインのパターン（１８８種類） ページネーションのパターン（１０２種類） コメント・コメント欄のパターン（４５種類） これらの他にも、ページフッター、４０４ページ、ポートフォリオといったカテゴリが全部で４５種類あります。 パーツごとのデザインに迷った際に参考にするとよいですね。
2010年、押さえておきたいウェブデザインのトレンド
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント 2. 大きい見出し 3. 埋め込みフォント 4. 繊細なテクスチャ 5. ミニマリストとグリッド 6. CSS3 7. モバイル対応 はじめに 2010年はウェブデザインが今まで以上に刺激的で試行錯誤に満ちたものになるかもしれません。 HTML5、そしてCSS3の魅力的な新機能をデザイナーとデベロッパーが巧みに取り入れようとしています。 去年からのトレンドだと、現在は手描き風や大きい背景は少なくな
ドコモからソニエリのAndroid端末｢Xperia｣発表！
ソニエリのAndroid端末｢Xperia｣がドコモから4月に発売になります。 主なスペックは4.0インチVGA液晶・810万画素カメラ内蔵・無線LAN IEEE 802.11 b/g・Bluetooth・microSDHCカード。CPUは1GHz、通信はFOMAハイスピード下り7.2Mbps 上り2.0Mbpsに対応。 そして、これまで上限額が13650円だったパケ・ホーダイ ダブルが、一気に下がり5985円になります。（スマートフォン定額通信、Biz）この改定は4月1日から。 Google純正Nexus Oneはどこから発売になるんでしょうね。やっぱりソフトバンク？ ［NTT ドコモ Xperia］ （大野恭希）
ミュシャ(Mucha)から学ぶ優美なデザイン | Webクリエイターボックス
2013年3月23日 インスピレーション アール・ヌーヴォー様式を代表するグラフィックデザイナー、アルフォンス・マリア・ミュシャ（Alfons Maria Mucha)。美しい女性やきらびやかな装飾類、花、華麗な曲線を使用したデザインが特徴で、生涯を閉じた今も多くの人を魅了し続けています。今回は私の大好きな彼の作品を紹介してみようと思います！ ↑私が10年以上利用している会計ソフト！ ミュシャの作品の特徴 女性と花 彼の作品の多くは女性をメインに花とともに描かれています。髪に飾ったり画面に花をちりばめたり。画家というよりもグラフィックデザイナー・イラストレーターとして活躍していたため、対象物を非常に鮮明に描いています。背景には暗色の幾何学模様や草花を、メインとなる女性には明るい色を使い、どこに焦点をあてているかがわかりやすい。 背景の模様 背景にはアール・ヌーヴォーの特徴である草花と曲線に
WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストールDB作成WP最新版をダウンロードwp-config.phpをDBに合わせて変更接頭語も変える（wp_ → example_）FTPソフトでサーバーにインストールログインして管理者権限のユーザーを作成作成したユーザー名で再ログインadminユーザーを削除ダッシュボードの不要なコンテンツを非表示にパーマ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
- PRINT
N705i | amadana product concept
Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
