UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
Webデザインサンプル | みんなで作るデザインギャラリーサイト
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Webデザインのリンク集 | ズロック
ここでしか取得できない、優良文字列ドメイン名、著名サイトドメイン名等希少ドメイン名多数アリ！誰でもカンタン参加可能
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
ノンデザイナーでも一定レベルのデザインができるようになる基礎知識・サービスまとめ
ホームページを運営し、改善施策を実行していくなかで、ホームページ内のデザインの微修正や画像の追加が必要になる場面が多々あるのではないでしょうか。 外部や社内のデザイナーに依頼する際は、仕様書を作成して、修正内容を確認して、修正されたら成果物をチェックして、必要があれば再度修正依頼をして…と、ちょっとした修正でも思った以上に工数がかかってしまう場合があります。 そんな時、ちょっとした修正や画像作成であれば自分でできるようになっておくと、上記のような工数を一気に短縮することができます。 今回は、ノンデザイナーでもある程度のレベルのデザインを作成するために役立つ知識やサービスをご紹介します。 1. 【非デザイナー必見！】知っておくべきデザインの基礎法則６つ https://ferret-plus.com/641 デザインは感性によるものが大きいというイメージがあるかもしれませんが、デザインにはい
2015年押さえておきたいUI/UXデザインコミュニティー ｜ブログ｜root｜デザインの実践を個から組織・事業へ
なぜコミュニティーが注目されるのか？ 先日気になる記事を見つけたので、そちらを参照に考えてみます。 オンラインデジタルスクラップブックサービス「Pinterest（ピンタレスト）」は、2010年に米国でサービスを開始。同社は、コミュニティーがもつ力に早くから注目し、有力なブロガーたちと積極的にコンタクトをとり、口コミで魅力を広めてもらうことで、世界的なサービスにまで育てあげたそうです。その後、日本法人が設立されてから１年余り、同社は同じ関心をもつユーザーのコミュニティーをつくり、ピンタレストについての口コミを広めることに注力しました。今でもピンタレスト本社はコミュニティーがもつ発信力・影響力を重視しており、発表会にブロガーを招いたり、ユーザーとの交流の場を設けたりしています。同社は「ユーザーの受け取る情報量が激増したことにより、画一的な広告の力が弱まった現在は、ユーザーコミュニティーの重要
HANABI.inc | 株式会社ハナビ
Stein 2022AW ShowMovie ETC VOGUE×GIVENCHY WEB MOVIE DENKI BARI BRUSH 2.0 TV CM スチーマーナノケア TV CM 「BLACK BELT」 Episode 3 -Faith- WEB MOVIE FEMM – Sugar Rush – Music Video ELECTRIC BARI BRUSH TV CM モトーラ世理奈「#私の半径100m」instax SQ1 WEB MOVIE MIYASHITA PARK Teaser Movie WEB MOVIE cado -STEM300- WEB MOVIE cado -STEM630i- WEB MOVIE cado -LEAF320i- WEB MOVIE SWEAT.JP WEB MOVIE BANJO わさびドレッシング PV WEB MOVIE Niko
Webデザイナー・コーダー必見の神アプリ！MacでWindows IEなどのブラウザチェックが出来る「Sauce」が便利すぎてヤバイ
Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。 via: これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce | コリス Winを起動させるためのBoot CampもParallels Desktopも必要ない、と言うのがとても大きいですね:) アプリを起動したらアカウント登録画面を経てこの画面。アカウントは有料・無料があり、閲覧できるブラウザに制限などがかかります。 矢印の部分、Newボタンをクリック。 あとは見たいページのUR
MacでもできるIE/Firefox/Chromeブラウザテスト方法まとめ - Qiita
さまざまなブラウザのテスト大変ですよね・・・・ いろんなブラウザ使っている人が多いのでWebアプリ作る人にとって対応は必須です。 特にIEってWindowsでしか確認できないし、バージョンごとにJavascriptまわりの挙動が違うので色んなバージョンで操作テストするのは非常に骨が折れます。 １つのマシンに複数のバージョンのIEを入れることはできないので、テストのためだけに複数台Windowsを用意するのも大変です。 なんとかならないのでしょうか・・・・ 実はマイクロソフトがテスト用の環境を提供してくれていた！ マイクロソフトはそんな状況を打開できるように、検証用環境を用意してくれています。 modern.IE https://www.modern.ie/ja-jp/ modern.IEは以下の機能を提供してくれています。 仮想マシン IE6〜11まで各バージョンのIEがインストールされた
楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ノンデザイナーのための無料ビジュアルコンテンツ作成ツール9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのナッツです。 突然ですが、Shareaholicのレポートによると、ソーシャルメディアからのトラフィックはPinterestがTwitterを抜いて2番目の参照元となっているようです。（1番多いのはFacebook） 参考：Shareaholicレポート https://blog.shareaholic.com/social-media-traffic-trends-10-2014/ この調査結果は、魅力的なビジュアルコンテンツはサイトへ多くのトラフィックをもたらしてくれる可能性を示しています。 しかし、私のようなノンデザイナーにとって「魅力的なビジュアルコンテンツ」をつくることはなかなかハードルが高いもの。そもそもPhotoshopとか持ってない！という方がほとんどではないでしょうか。 そこで今回は無料で使えるビジュアルコンテンツ作成ツールを紹介していきたいと思いま
早稲田大学のサイトリニューアルはなぜスゴイのか？
2014年11月5日(水)、早稲田大学公式サイトが、株式会社CINRAの手により、見事なリニューアルを遂げました。 プレスリリースに書かれた彼らの目論見通り、「国内外の大学と一線を画す、最新のグローバルサイト」と言えると思いますが、なぜ、国内屈指の大規模校である早稲田の公式が、ここまで個性的なサイトになっていると感じるのでしょうか。 日々大学サイトの構築に向き合うWebディレクターの立場から、その「スゴイ」理由を、少し考えてみました。 1 – 「メディアサイト」として尖らせたから 一般的に大学サイトは、ある程度メニュー内容も共通化され、情報公開に重きを置いた「ポータルサイト」として位置づけられることが多いと思います。 しかし、新しい早稲田のサイトは、細かいコンテンツは「別サイト」に任せ、新着記事とリンク集で構成される「メディアサイト」に大きく振ってきました。 海外大学サイトでは「News」
フラットデザインに合うアイコンが6500種類も手に入るサイト「ROUND ICONS」 | ライフハッカー・ジャパン
「ROUND ICONS」はフラットデザインに合うアイコンが6500種類も手に入るサイトです。いくつかのパックに分かれており、Ai、PSD、SVG、EPS、PNGなどの形式で配布されています。無料ではありませんが、クオリティの高いアイコンがまとめて手に入るのは嬉しいですね。ROUND ICONSへアクセスすると、サンプルがたくさん表示されています。パックごとでまとめてダウンロードすることができますよ。それぞれダウンロード画面にてどの形式のファイルで配布されるか表示されているので、忘れずにチェックを。フラットデザインに合うアイコンをお探しの方は一度覗いてみてはいかがでしょうか。 ROUND ICONS （カメきち）
Appleがトップページで自動送りカルーセルをやめた理由
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
XD（クロスディー）｜体験にフォーカスするメディア
【コラム】 吉田奈緒子｜“ギフト”がつくる循環 アイルランドの「カネなし男」が引き出した、ローカルな経済圏の可能性
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザインの見本帳｜WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!
IM7｜株式会社24-7
sendamessage.to
ずっと使い続けたいモノを集めたセレクトショップ - ＺＵＴＴＯ（ズット）
