©Hicksdesign The Icon Handbook Jon Hicksの以下の寄稿がとても参考になったので、The Noun Projectに許可をもらって、日本語訳をさせてもらいました。(けっこう意訳です) Insights on Symbol Design, by Jon Hicks あなたが思いついたアイコンをスケッチブックに書き出し、ユーザーにとって判りやすいメタファを考えついた時、どのようにアートワークまで落とし込んでいますか? デザイナーは皆、それぞれ自分なりのドローイングの手法を持っていますが、最良の結果を得る為の、幾つかの重要な要素があります。 アイコンが適用される領域はWebサイトやアプリなど多岐に渡りますが、ピクセルを扱うにせよセンチメートルを扱うにせよ、共通している原理があります。 Size and context 一般的にアイコンは16px、32px、48
Hi, this is Marco Rosella: welcome to vlog.it, a random rotating collection of my 300+ favourites videos collected in the last years. Instructions: Click on a moving slice, enjoy stuff. Follow the updates here: Thanks to Federico Orrù for the server side system and to all the videos' authors. This project has been named as finalist for the SXSW Interactive Awards 2012 in the Motion Graphics catego
ICANN, the Internet Corporation for Assigned Names and Numbers, requires us to ask you as a Registrant of a domain name to verify your contact information for this domain with your provider. As a Registrant of a domain name, a new domain registration or changes to the first name, last name, contact address or email address of an existing domain name, requires verification of the information within
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース(UI)は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
大切な写真を「フォトブックアプリ」にしてあの人に送ろう Mooklet for iPhone はあなたの写真とメッセージから、世界に一つしかない「フォトブックアプリ = Mooklet」を作るアプリ。 写真を選んでメッセージを入れるだけで、たった5分でダイナミックなフォトブックが完成します。 完成したMookletはHTML5ベースのWebアプリとしてURLを配布できるため、まるでネイティブの写真集アプリのように、家族や友人のiPhoneやiPadのホーム画面にインストールしてもらうことができます。 ※Mookletの作成、作品の閲覧にはインターネット回線が必須です。 6月5日、「Mooklet for iPhone」は仏Appsfireが主催するアプリコンテストthe App Star Award 2012において、数百のアプリの中から最優秀賞に選ばれました! フォトブックをHTML5ア
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
Казино Rox появилось в 2017 г. С тех пор оно завоевывает внимание и положительные отзывы клиентов. Если вы давно ищете где скачать приложение казино Рокс то Читать далее
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな?」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
タッチしてもらうための第一歩 タッチデバイスへの違和感や不安をもっている方はまだ少なくないと思います。 毎日の生活に登場するタッチデバイスの代表といえば、ATMや電車の切符販売機がありますが、処理速度が遅くスクリーンのオブジェクトを触れている感覚はあまりありません。そのせいか、スクリーンを強く押している方をたまに見かけます。また、タッチインターフェイスだけでなく、触れて押すことができる物理的なボタンが用意されている場合もあります。タッチへの不安を解消するための配慮なのかもしれません。 毎日の生活から比較すると、タッチデバイスでスイスイいろいろな操作が出来るというのは、未知の世界に見えてもおかしくありません。操作の仕方が分かる iPad や Galaxy の CM が TV で流れているとはいえ、「本当にタッチでこんなに動くのか」という不安をもっている方もいるはずです。 UI デザインのひと
IKEA | TRY ON A NEW SOFA... / uniqlo undercover / TIERRA | 福岡市中央区平尾の美容室 ティ...他...全5件
最近話題になっている、直感的に操作ができるタスク管理アプリ「Clear」。言うまでもなく最大の特徴はタスク管理アプリとは思えないほど気持ちよく使える操作性なのだが、HTML5で同じ操作性を実装しているとんでもないサンプルを紹介する! 実際にHTML 5で作られたClear風UIを動かしている様子は下記からどうぞ!確かにブラウザで動かしている…。 HTML5 Clear from Evan You on Vimeo. サンプルは既に全世界に公開されているので、iPhoneを持っている人は試してみるべし!(Androidは試していないらしい)下記リンクからどうぞ! HTML5 Clear CSSとJavascriptだけで出来てるらしい!どんだけ!! 「Clear」をまだ試していない人はとりあえずダウンロードするべし!タスク管理アプリとしてどうかは置いておいて、使っているだけでテンションが上が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く