アイコンデザインの参考に。GoogleのUIパーツ・ガイドライン資料 | ビジュアルシンキング
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
これは超使いやすいページネーションの次世代UI:phpspot開発日誌
Slider Pagination Concept - with jQuery UI Slider これは超使いやすいページネーションの次世代UI。 普通、リストページのページネーションといえば、「 1 , 2, 3, 4 ,5 次へ> 」みたいなUIが基本ですが、そもそもこのUI疑ってかかってもいい時期なのかも。 要は現在のページ番号と、ページを前後と、ページ指定で送れればいい、という要件を満たせばいいわけでもっとシンプルに出来るはず。 今回紹介するページネーションのデモ ページ番号の部分はボタン風になっているので押してみましょう。 するとスライダーになってドラッグ＆ドロップでページ指定が簡単に出来ます。 30までドラッグ＆ドロップして話すと30ページ目が開く、というようなイメージ 次へ、前へ、といった直感的に分かりやすいボタンも実装されていて必要十分。 従来のページネーションは作る場合
インターフェイスの作成に役立つ！ディテールへの愛を感じるUIデザイン用の無料のPSD素材のまとめ
ちょっとデザインの刺激が欲しい、最近デザインがマンネリで、、、といった時に他の人がつくったものを眺めることでインスピレーションがふつふつと沸いてきたりしませんか。 ディテールにこだわり、しっかり作りこまれたUI用の最近リリースされたPSD素材を紹介します。 眺めるだけでなく、使ってもよし、です。 まずはページやエレメントの背景に使うテクスチャ素材から。
アプリケーションをつくる英語
目指すは世界市場! 英語版アプリ開発のために、UIやメッセージでよく使われる英単語や構文パターン、さらに英語ライティングの基本やメッセージの書き方、I18N/L10Nの基本から翻訳業者への依頼まで、幅広く紹介。 サポートサイト著者によるサポートページが公開されています。 翻訳者 西野竜太郎 Webサイト 内容紹介最近スマートフォン用やWeb 用のマーケットが登場したことで、アプリケーションを海外に展開しやすくなりました。パソコンに加えてスマートフォンやタブレットといった新しい機器や、有線および無線の高速ネットワークが世界的に普及しつつあることを考えると、アプリケーションに対する需要は今後さらに拡大するものと思われます。海外は日本の開発者にとって魅力のある市場です。しかし海外展開には外国語での開発が必要となります。特に英語は世界共通語と位置付けられている面があるため、まず対応を考えるべき言語
住友3Mが手軽に視線分析できるアプリ開発、5回まで無料
写真1●3M視線予測サービスでITproのトップページを解析。ロゴやサムネイル写真に視線が集中しやすいようだ。試用時はFree Trialという文字が入る 住友スリーエム（住友3M）は2012年8月1日、広告やWebサイトなどのデザインやレイアウトの効果を「視線予測」技術によって測定・解析する「3M視線予測サービス（VAS＝Visual Attention Service）」を開始した。インターネット上で登録すれば、5回まで無料で利用できる。 新サービスは米3Mが道路標識や反射材などの工業デザインで培った「ビジョンサイエンス」の研究を基にしている。対象となる広告やWebサイト、商品パッケージ、店頭棚割りなどの写真から、最初の数秒間の視線の動きを瞬時に予測し、「ヒートマップ」「視線トラッキングチャート」といった4種類のレポートを提供する（写真1、2）。 同様の解析にはアイ・トラッキングなど専
細かすぎて伝わりづらい!Mountain LionのUI変更点まとめ。
Mountain Lionが発売されて約1週間。iCloudとの統合も強化されてさらに使いやすくなった感じですね。個人的にはリマインダーが追加されたおかげでTodo管理が一元化できそうなところが嬉しいです。 さて、UIの大きな変更点としては、通知センターが追加されて、Lion発表時にあったiOSの機能をMacに還元する「Back to the Mac」のコンセプトが着実に進んでいる印象ですね。今回もよくよく目を凝らしてみると細かい部分でも変更点がありました。 華々しい新機能に隠れた細かな変更点たちをどうぞご覧あれ。 ■FinderのフッターLionの時点でFinderのツールバー部分にノイズのテクスチャが追加されていましたが、フッターの部分には追加されておらず、今回の変更でFinderのフレーム全体にノイズのテクスチャが追加されています。この変更でFinderのデザインにより統一感が出た感
ユニバーサルデザイン7原則｜社会との共有価値（CSV）｜アサヒ飲料
トップ社会との約束ユニバーサルデザイン7原則 日本官能評価学会2015年度大会 優秀発表賞を受賞！ ユニバーサルデザインの考え方を採用し、 使いやすさ・わかりやすさを追求します 2015年11月 多くの人々に商品をご利用いただくために、さまざまな商品にユニバーサルデザインの考え方を採り入れ使いやすさ、わかりやすさを追求しています。ユニバーサルデザインとは、アメリカの故ロナルド・メイス博士による「できるだけ多くの人が利用可能であるように製品、建物、空間をデザインすること」を理念に、7つの原則に基づき定義されたデザインのこと。お客様からいただくご意見がユニバーサルデザインの基礎となると考え、すべての人々が安心で公平に利用できる商品を目指し、商品開発に取り組んでいます。 ロナルド・メイス博士の７原則 誰にでも公平に利用できる使う上で柔軟性に富む簡単で直感的に利用できる必要な情報が簡単に理解できる
UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること（という名の練習）が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ
UIデザイナーが知っておくべきエンドユーザーの10の特徴
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
HMDT＆ニコ動アプリ開発者が語る！ Web CAT Studio「スマートフォンUXの最前線」勉強会レポート - はてなニュース
はてなでスマートフォンアプリの開発を担当している、id:ninjinkunこと浅野慧です。近年、スマホアプリは「ユーザー体験（UX）」が非常に重要と言われており、筆者もUXの勉強に勤しむ毎日です。そんな中、エンジニア＆クリエイターを支援するコミュニティ「Web CAT Studio（運営：リクルートエージェント）」が「スマートフォンUXの最前線」という勉強会を開催すると聞いて、お邪魔してきました。勉強会当日のレポートと、Web CAT Studioが積極的に勉強会を開催している理由を伺ったインタビューをお送りします。記事の終わりには、関連書籍のプレゼントのお知らせも！ （※この記事はWeb CAT Studio／株式会社リクルートエージェントの提供によるPR記事です） ▽ スマートフォンUXの最前線 : ATND 「UX」とは「ユーザー・エクスペリエンス」「ユーザー体験」の略で、簡単に言う
社内でHCDワークショップ５：ペルソナシナリオ法 - ENMT.INFO
５月１１日、１ヶ月半ぶりのHCDワークショップ開催でした。 これまで行なってきたことは「検証（評価）する」だったとすると、これからの３回は「作る」というところです。 いかにも「Goal-Directed Design」らしいところに突っ込んでいきます。 今回はカメラを忘れてしまいましたので、写真はナシです。詳しい様子は講師の浅野先生のブログでどうぞｗ。 当日の流れ タイムテーブル。端的にいうと、ペルソナを作る回。 最初に「ペルソナシナリオ法やったことある人？」というと、社内の人で手が上がった人はいなかったと思います。 先入観がないということで、とてもいい！ｗ というスタート。 短期間のワークショップでは、ソリッドなファクトベースで進めることは難しい。ので、手順がつかめず悪戦苦闘するチームも。 でも、最後に評価グリッドが形になってくると、「ああ、こういうことね」とハラオチ感が出てきたと思いま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flat UI - Free Bootstrap Framework and Theme
jsdo.it
UIデザインに役立つツール
Loading...
Scott Robbin
オリンパス、重量30g以下のシースルー型ウェアラブルディスプレイ ～Bluetoothで無線接続
Home - Fit2Fat2Fit
