UIデザインをするうえでデザイナーが理解すべき3つのこと | eureka tech blog

2015/12/22 3803 users デザイナー eureka tech blog うえ エウレカ

はじめに この記事は “UI Design Advent Calendar 2015” へ寄稿した記事です。 （ http://www.adventar.org/calendars/987 ） こんにちは。デザイナーの岩崎です。 私は今年の4月にエウレカへ入社するまで、全くのUIデザイン初心者でした。 今回は、UIデザインの世界へ足を踏み入れたばかりの私が どのようにして今までやってきたのか、自分... 続きを読む

ソシオメディア | UIデザインパターン

2007/05/28 1721 users ソシオメディア ベストプラクティス ユーザビリティ UI設計

ソシオメディアでは、これまでのUI設計・評価・標準化サービスの経験に基づき、様々なUIデザインのベストプラクティスをパターン化しています。各種アプリケーションのUI設計効率とユーザビリティの向上に役立つノウハウとして、その一部を公開していきます。 続きを読む

PCサイトのUIデザインにおける12のトレンド | sogilog

2015/02/17 1666 users sogilog トレンド PCサイト

枌谷 力（そぎたに　つとむ） 1972年11月7日生まれ。NTTデータでコンサル営業後、Webデザイナー/ディレクターに転身。2007年に独立し、2010年、下北沢に株式会社ベイジ設立。主にWebサイトのプロデュースとアートディレクション、デザインをやってます。Web制作のご相談は絶賛受け付けています。ご連絡は 東京のWeb制作会社ベイジ まで。 Facebookはこちら @sogitani_ba... 続きを読む

UIデザインで困らないために押さえておくべき7つのWEBサービス

2012/04/08 1546 users WEBサービス ページャー 7つ ユーザーインターフェース

UIデザインで困らないために押さえておくべき7つのWEBサービス 技術  UI Web デザイン まとめ デザイン リンク集 開発  ウェブサイトにおいて、画像や配色だけがデザインではありません。ページャーやパンくずリスト、タブやアイコンなど、サイトの随所に存在するユーザーインターフェース(UI)も重要な要素のひとつ。とはいうものの、毎回おざなりに済ませていませんか？ その結果、なんだか使いづらい... 続きを読む

ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ | コリス

2011/11/21 1529 users コリス ウェブデザイン センス まとめ

Archive by month 2011年11月 (30) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (48) 2010年11月 (52) 2010年10月 (... 続きを読む

ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ | コリス

2012/07/03 1393 users コリス ウェブデザイン ディテール センス 2012年上半期

Archive by month 2012年7月 (9) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51)... 続きを読む

配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note

2019/03/14 1182 users Taiki Ikeda 配色 Note メソッド センス

今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様が... 続きを読む

配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note

2019/02/04 1171 users 配色 Taiki Ikeda｜note メソッド センス

どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね..... 続きを読む

JavaScriptで作られた、見たことないUIデザインのWebサイトまとめ10個 - W3Q

2011/11/29 1079 users JavaScript webデザイン W3Q Webサイト

[Webデザイン] JavaScriptで作られた、見たことないUIデザインのWebサイト 続きを読む

知識０から、ちょっとUIデザインに詳しくなるnote｜やました

2024/01/27 1040 users Note プロトタイピング 知識 施策 ユーザビリティ評価

前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについ... 続きを読む

pxt | 考察：Appleはスマホサイトを作らない。

2010/11/24 1013 users ウェブデザイン 本質 主張 mobile Safari 自社

今まで気づかずにいたが、Appleはスマホサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(こ... 続きを読む

UIデザインの参考になるサイトまとめ | ナナメウエblog

2013/01/23 1001 users ナナメウエBlog Following Dribbble

毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自... 続きを読む

UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ

2013/07/22 972 users スライドまとめ 参考

こんにちは。 スマートフォンサイトやアプリにおいて、重要なことの一つであるUI（ユーザーインターフェース）。 また、PC向けサイトでも、よりユーザー目線に立ったUI設計が必要です。 UI設計ひとつで、大きくコンバージョンが上がったり、クリック率の増加が見込めるので、入念に考えなければなりません。 今回は、UIを徹底的に考えるために、UIについて様々な視点から書かれたスライドをご紹介したいと思います... 続きを読む

思わず触りたくなるiOSのUIデザイン - #RyoAnnaBlog

2013/03/24 939 users RyoAnnaBlog iOS ユーザーインターフェイス

ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのUIデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。今回はiOSのUIデザインを紹介したい。どれも思わず触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/U... 続きを読む

Webデザインの有料学習サイトが無料化　IllustratorやPhotoshop入門などが見放題

2022/06/14 927 users Illustrator Photoshop レッスン 見放題

Webデザインの有料学習サイト「chot.design」を運営するちょっとは全コンテンツを無料公開した。「Photoshop」や「Illustrator」の基礎レッスンからUIデザインやバナー制作テクニックを紹介する本格的なレッスンまで571本を公開している。 Webデザインの有料学習サイト「chot.design」を運営するちょっと（東京都中野区... 続きを読む

日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション　Boxil（ボクシル）まとめ！

2015/05/21 922 users UI Design 資料 超基礎 webデザイン ボクシル

「UI/UX」はもはやWEBデザインやアプリ開発において、無くてはならない存在となっています。実際にWEBサービスやアプリに触れて確認することも大事ですが、資料でまとめて勉強するのもありですよね！ そこで今回は、日本中の「UI/UX」に関する資料を気合いで全部集めてみました！（たぶん） それでは、早速みていきましょう！ UIデザインとUXの超基礎「UI Design & UX for ENGINE... 続きを読む

ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup

2013/06/12 907 users ノンデザイナー 競合 目次 User Interface 常識

競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン... 続きを読む

スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流｜Go Ando / THE GUILD｜note

2018/11/03 895 users 潮流 Note Go Ando THE GUILD 本稿

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います... 続きを読む

UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | sogitani.baigie.blog

2014/07/17 861 users ナビゲーション UIデザイナー グローバルナビゲーション

WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユ... 続きを読む

情報がないことを伝えるUIデザイン | Reflection

2014/07/01 853 users Reflection

「Empty Data（またはEmpty Status）」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります（Webでの404に近いですが、少し違います）。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思... 続きを読む

様々なイケてるUIを参考にできるサイト | バシャログ。

2012/09/10 835 users バシャログ イケてるUI minami アベンジャーズ 参考

足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説さ... 続きを読む

ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ | コリス

2012/12/11 812 users コリス Dribbble psd ウェブデザイン Kit

2012年下半期、チェックしておきたいUIデザインをdribbbleから紹介します。 PSDやPNGファイルをダウンロードできるので、勉強にもなりますよ。 下の方は、さまざまなエレメントが揃ったUI Kitです。 Future Camera app UI 近い未来こんな素敵なUIがくるのでしょうか。 Slide from The Bricks presentation 各エレメントが立体的に浮かび... 続きを読む

UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ | コリス

2019/10/31 803 users コリス Visu 均整 錯覚 違和感

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visu... 続きを読む

UIのお作法。28個の「〇〇できそう感」をまとめました。｜maiokamoto｜note

2019/06/10 780 users お作法 きそ 28個 アイコン 動作

UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそ... 続きを読む

無料で使えるUIデザインの基本要素が詰まった32の素材集 | SEO Japan

2012/06/04 757 users SEO Japan 基本要素 素材集 ピクセル UIエレメント

先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan 今回の記事ではピクセルパーフェクトなU... 続きを読む