UIデザインにおけるナビゲーションのデザインパターンまとめ | ベイジの社長ブログ
前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が、主にどのような形状でデザインされているか、というパターンをここではご紹介しています。 メニューバー メニューをボタン化し、バー状にまとめたデザインです。PCサイトのグローバルナビゲーションやローカルナビゲーションなどによく採用されます。 一覧性に優れ、一目でナビゲーション要素と分かるため、ユーザビリティに優れます。一方、ある程度の表示スペースを必要とするため、スマートフォンではあまり用いられない
日本初のインテリアSNS 「RoomClip」が楽しい！ - HEYAZINE[ヘヤジン]
RoomClipは、インテリアの写真を共有できる住空間のプラットフォームサービスです。価格は無料。Webサイトへアクセスしたり、スマートフォンにアプリをインストールするだけで、誰でも気軽に、インテリア上級者のお部屋をのぞいたり、自慢のお部屋を公開できます。 twitter、やFacebookとも連動しているので、自慢のインテリアを世界中に発信することも簡単。 今、大注目を浴びている「RoomClip」を運営している株式会社Tunnelの代表 高重正彦さんに、RoomClipの魅力について伺いました。 ありそうでなかった「インテリアの場」 RoomClipは、いままでありそうでなかった「お部屋の写真」を共有できるシステムです。 料理のレシピなら「クックパッッド」、コスメの口コミ情報なら「アットコスメ」、物の値段なら「価格.com」などなど、物事を決めるのに役立つ、テーマに特化したインターネッ
![日本初のインテリアSNS 「RoomClip」が楽しい！ - HEYAZINE[ヘヤジン]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf136019a4c14632a20ea82862c8c61e22a136c1/height=288;version=1;width=512/http%3A%2F%2Fimg.heyazine.com%2Fc%2F0009%2F09173500000001thumbnail_01.png)
PhotoshopとIllustratorで画像をポリゴン風に加工する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの白浜です。 今回は人気のポリゴンスタイルの画像をPhotoshopとIllustratorで作成する方法をご紹介したいと思います。 参考サイト まず初めに今回の参考サイトから。 【Photoshop講座】人物をポリゴンスタイル風に加工する https://www.youtube.com/watch?v=Ao0XRwFaoE4 こちらの動画を参考にしました。 パペットワープのキャプチャを撮って塗り分けに使うというかなり斬新なやり方で、サクサクっとポリゴンスタイルを取り入れることができる素晴らしいチュートリアルです。 今回パペットワープは使っていませんが、アクションを使った塗り分けの手法を参考にさせていただきました。 それでは具体的な製作過程をご紹介したいと思います。 写真を元にIllustratorでポリゴンのラインを描く 1. 塗り分けの準備 まず初めに元になる
アイコンのユーザビリティ
ユーザーのアイコンに対する理解のベースになっているのは過去の経験だ。しかし、ほとんどのアイコンは使い方が定まっていないため、その意味を伝え、あいまいさを減らすにはテキストラベルが必要である。 Icon Usability by Aurora Bedford on July 27, 2014 日本語版2014年10月27日公開 色やスタイルを通してブランドのパーソナリティを伝える以外にも、グラフィカルユーザーインタフェースにおいて、アイコンで何よりも優先されるべきことは、意味を伝えることである。定義によると、アイコンとは、物体や動作、概念を視覚的に表したもののことである。そうした物体や動作、あるいは概念をユーザーがすぐに理解できなければ、そのアイコンは単なる見かけ倒し、つまり、まぎらわしく、いらだたしい、見ためは悪くないが意味のないもの、そして、タスクの達成を妨げる視覚的ノイズになってしまう
目からウロコ？よく見かけるアイコンの意味を探ってみた！
2013年9月19日 Web関連記事, ユーザビリティ プロダクト・プリント・Web・アプリ問わず、デザイン要素のひとつとしてよく使われるアイコン。普段なにげに見かけているアイコンの、本来の意味を考えたことはありますか？「そんな意味だったの！？」または「そんなの知らない人いるの！？」という意外なアイコンがありますよ。ちょっとしたうんちくですw ↑私が10年以上利用している会計ソフト！ Zipファイル Zipといえばデータファイルの圧縮やアーカイブ用のファイル形式。Zipは英語で「ファスナー（英語のジッパー：Zipper）で閉める」という意味があり、それが語源だと思われがちですが、実は元の意味である「ビュッと音をたてる」「勢いよく進む」「疾走する」から、他のフォーマットの圧縮時間よりも速いという意味を込めて命名されたそうです。アイコンではわかりやすく、ファスナーのイラストがよく用いられます。
繁忙期直前に「賃貸ポータルサイト」の集客力をざっくりと比較してみた
賃貸不動産への需要が最高潮に達するのは言うまでもなく1〜3月となります。1〜3月にかけて各社どのような施策を展開するのかはまだわかりませんが、繁忙期直前の現段階で、各ポータルサイトがどれほど集客のポテンシャルを秘めているのかを比較してみたいと思います。賃貸ポータルサイト 激戦の不動産関連のポータルサイト。2012年に東証1部へと上場したリブセンスの「door賃貸」をはじめ、つい先日も不動産ポータル事業をメインとするオウチーノが上場申請をするなど後発サービスの勢いも止まりません。 リブセンスが運営する「door賃貸」 繁忙期直前に主要10サイトの戦力を比較 賃貸不動産への需要が最高潮に達するのは言うまでもなく1〜3月となります。1〜3月にかけて各社どのような施策を展開するのかはまだわかりませんが、繁忙期直前の現段階で、各ポータルサイトがどれほど集客のポテンシャルを秘めているのかを比較してみた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Forkwell - アウトプット志向エンジニアを応援するソーシャルポートフォリオサービス
アパマンショップ江坂本店｜江坂、吹田のお部屋探しなら！賃貸情報が満載
RoomClip ｜ 家具とインテリアの通販サイト・部屋のインテリアコーディネート実例共有サイト
Speed and Performance Optimization
賃貸サイトの表示速度を比較！最もサクサク物件を探せるサイトは？