どんな動きにするか悩んだときに！UIアニメーションのインスピレーションを得られるサイトまとめ | Goodpatch Blog
皆さんはUIの動きを考えるときに、どんなものを参考にしていますか？いつも簡単にぴったりの動きが思い浮かぶわけではないし、悩んだときに何か参考になるギャラリーサイトなどがあったら便利だと思います。今回フランス人WebデザイナーのWalter Stéphanieさんが“Interface Animations and Transitions: where to get inspiration”というタイトルでUIのアニメーションやトランジションのインスピレーションを得られるサイトを紹介していたので、本人の許可を得て翻訳しました！ （以下”Interface Animations and Transitions: where to get inspiration”の翻訳。） photo credit: Jorge Quinteros via photopin cc UI/UXデザインにおいて、細
UIデザインにおけるナビゲーションのデザインパターンまとめ | ベイジの社長ブログ
前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が、主にどのような形状でデザインされているか、というパターンをここではご紹介しています。 メニューバー メニューをボタン化し、バー状にまとめたデザインです。PCサイトのグローバルナビゲーションやローカルナビゲーションなどによく採用されます。 一覧性に優れ、一目でナビゲーション要素と分かるため、ユーザビリティに優れます。一方、ある程度の表示スペースを必要とするため、スマートフォンではあまり用いられない
アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
Creative UI Design Examples for Great UX
UX (User Experience) is all those elements and factors related to the user's interaction with a particular environment or device which generate a positive or negative perception of the product, brand or device. UX is subjective and focused on use. The standard definition of UX is "a person's perceptions and responses that result from the use or anticipated use of a product, system or service". The
新しいものが大好きなグッドパッチで7月に話題になったアプリ、サービス、デザインまとめ | Goodpatch Blog
7月ももう終わりですね。今年は残暑が続くそうで、まだまだ暑い日が続きそうなのでみなさん体調にお気をつけ下さい！ 先日、Goodpatchがスポンサーとして参加した管理画面チラ見せナイトでは普段見れない各サービス共に想いが詰まった管理画面を見れる貴重な機会になり、大変盛り上がりました。Goodpatchも管理画面のUIデザインをやっているので、近いうちにまた事例を紹介できたらと思っています。 長くなりましたが、今月もGoodpatchで共有された新しいアプリやサービス、デザインをご紹介いたします！ 過去の月間まとめ記事→ 月間まとめ一覧 Wunderlist https://www.wunderlist.com/en Appleが選ぶ「2013 App of the Year」にも選ばれたToDoアプリ。Wunderlist3が本日7月31日公開です！アイコンのデザインも素材感を抑えてスッキ
UI/UXデザインに関わる者なら見ておきたい記事とスライド10選 - Sadakoa.jp-Blog-
2013-11-07 UI/UXデザインに関わる者なら見ておきたい記事とスライド10選 今回はUI/UXデザインについて触れてある記事やスライドで自分が実際に読んで参考になったと思ったものを備忘録としてまとめました。実際にUI/UXデザイナーの人や、僕と同じくUI/UXデザイナーを目指している人、また実際に興味がある人のお役に立てたら幸いです。 記事1 UI/UXの違いについて 5分でわかるUIとUXの違い : Excite Designer's Blog そもそもUIとUXは何が違うのかという事を知らない人もいると思います。 まずはUIとUXの違いについてはっきり知らなければなりません。 記事2 なぜUIとUXがよく混同されてしまうようになったのか UXとUIが混同されるワケ : could UIとUXが混同されてしまう理由について触れてある記事です。 僕も最初はUIとUXを混同
感性を鍛えよう！動きが気持ちいいUIアニメーションまとめ
こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks（クオートワークス）のムラマツ（マツムラではありません）です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。（すみません！サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます） line25.com https://dribbble.com/shots/1448379-Lookbook-nu-app https://medium.com/ui-ux-articles/3d1b0a9b810e http://thedesigninspiration.com/
Mac OS X Yosemiteの変更されたUIデザインを細かく見てみる
Mac OS X Yosemiteの変更されたUIデザインを細かく見てみる2014.06.15 13:007,080 mayumine 新しいMac OS X Yosemite。 より明るくフラットに、アイコンも一新、フォントも変わって、透明になったデザイン。Yosemiteのヴィジュアルデザインの変更点を細かくおさらいした米ギズモードによるファーストインプレッションをご紹介します。ちなみに以下のスクリーンショット画像はPixelapseにアップされているものです。 良いところログイン画面がすっきりに Mac OS X Yosemiteのログイン画面がすっきりと滑らかな雰囲気になりました。 かすかにフェーディングするアニメーションも初めて新しいOSにログインするユーザーを優しく出迎えてくれているようです。 Mac OS X Yosemiteのログイン画面は良い感じ。 新しくなったアプリアイ
2013のトレンド Top10を振り返る - UI編
今年の初めに2013年の予想記事 “2013年トレンド予測 カテゴリー別 Top3 | Tech / UX / Mobile / Online Marketing“を書いてからはや1年、気づくともう年末。振り返ってみると今年はインターネット・デザイン・スタートアップを取り巻くトレンドがめまぐるしく変化した一年となりました。その中でも最も進化が著しかったのがUI (ユーザーインターフェイス) と UX (ユーザーエクスペリエンス) です。今回はサイトや、アプリ、デバイスを利用するユーザーの使い易さと利用体験に直接影響を及ぼすUIについて2013年のトレンドをまとめてみました。 2013年のUIトレンドTop10 レスポンシブデザイン化が加速 フラットデザインの氾濫 タイポグラフィーの重要さが上昇 Flash終了のお知らせ 大きな画像を背景に利用 余白の有効活用 パステルカラーを積極的に採用
新しいものが大好きなグッドパッチで8月に話題になったアプリ、サービス、デザインまとめ（2013） | Goodpatch Blog
8月もそろそろ終わりますね。まだ少し暑いですが、みなさんいかがお過ごしでしょうか？夏が終われば秋が来て、秋になるとiOS 7が一般リリースされるので今からわくわくです。 今月もGoodpatchで共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！ 7月のまとめ→新しいものが大好きなグッドパッチで7月に話題になったアプリ、サービス、デザインまとめ 6月のまとめ→新しいものが大好きなグッドパッチで6月に話題になったアプリ、サービス、デザインまとめ 5月のまとめ→新しいものが大好きなグッドパッチで5月に話題になったアプリ、サービス、デザインまとめ WebサイトWallpaper http:=//www.wallpaper.com/ ファッションやデザイン、ライフスタイルに関するWebマガジン。トップページにさりげなく広告が入っているのですが、その見せ方が斬新でかっこいい
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
2013年度 今年流行する！7つのUI、Webデザイント レンドまとめ | Goodpatch Blog
こんにちは、だいきです。 2013年になってからもう二週間以上過ぎてしまいました。 新年になって海外の多くのブログで「2013年のWebデザインのトレンド！」 のような記事が出ていたので、UIデザイン会社であるGoodpatchのブログでは 「2013年に流行るであろうUIデザインのトレンドまとめ」をしてみたいと思います！ 1. アニメーション (参照: The Good Man http://thegoodman.cc/ ) このサイト「The Good Man」はブラジルのデザイナーさんが学校の卒業制作として作ったサイトだそうです。 一切画像を使わずHTMLとcss3で作られたのにも関わらず、一つのムービーを見ているかのようです！ このようなアニメーションがWebサイトで使われることで、コンテンツやサービスをよりユーザーに理解してもらえたり、Webサイトにおもしろい効果をつけられそうで
新しいものが大好きなグッドパッチで7月に話題になったアプリ、サービス、デザインまとめ（2013） | Goodpatch Blog
7月も終わりますが、まだまだ暑い日が続きますね。今月もおもしろいWebサイトやアプリなどが社内でたくさん共有されました！7月に一番話題になったのは、MEMOPATCHでも紹介したLeap Motionでしょうか。先週ついに弊社にも届いたので早速みんなで試しています。（Leap Motionに関する記事→ 「未来はすぐそこ！次世代インターフェース、Leap Motion」） それでは今月もGoodpatchで共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！ Heml.is https://heml.is/ シンプルできれいなメッセンジャーアプリです。チャット画面が少しiOS 7のメッセージアプリに似ていますね。 Circa http://cir.ca/ ニュースアプリ。読みやすいように人力でニュースを編集しているらしいです。メニューがぺらっとめくれるアニメーション
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
UI/UXが学べる神スライド7選 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
フラットデザインって何？って聞かれた時に答えた説明まとめ
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ