最近のWebサイトやスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利です。
![デザインの参考になる! 最近のWebサイトやスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd2e654348845cfb738998ca4fbd209c96e0a1bd/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202303%2F2023072201%402x.gif)
最近のWebサイトやスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利です。
やっとかめだなも! LIGのWeb事業部でマネージャーをしているちゃんれみです! 最近、周りの人からAdobe XDについて質問されることが増えてきました。すっかり「XDおばさん」の名が定着してきたようです。 Adobe XDとは Adobe XDは、Webアプリやモバイルアプリ用のユーザー操作性をデザインし、プロトタイプ化するためのベクターベースのツールです。ワイヤーフレーム、ビジュアルデザイン、インタラクションデザイン、プロトタイプ化、プレビュー、共有間の切り替えが簡単な、オールインワンの強力なツールです。(公式サイトより) ところが先日公開されたAdobe XD対談記事をシェアしたところ、意外にも「XDがんばって覚えねば……」「XDそろそろやらなきゃ」というコメントがいくつか寄せられ、まだまだAdobe XDを使ったことない方がいるんだな、と感じました。今回はそんなAdobe XDビ
Adobe XDでWebサイトを制作したい、ワイヤーフレームの作り方を具体的に知りたい、コミュニケーションやプレゼンテーションツールとして活用したい、基本操作から実務レベルの使い方まで詳しくていねいに解説した一冊を紹介します。 Adobe XDは、Webサイトやアプリの制作で欠かせないツールの1つとして多くのユーザーに支持されています。Adobeユーザー(登録無料)なら無料で利用でき、Webサイトやアプリの制作だけでなく、コラボレーションツールやコミュニケーションツールとしても活躍します。 本書は現役のデザイナー・ディレクター陣が執筆した、Adobe XDの解説書です。基本的な操作から、WebサイトやスマホアプリのさまざまなUIデザインやワイヤーフレームの作成方法、オンラインディスカッションやプレゼンテーションなどの活用方法まで、実務で役立つテクニックが詳しく解説されています。 学べるだけ
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01: 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28: 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
初めまして。 面白法人カヤックでデザイナーをやっているばっこ(@is178)です。 一昔前は画面の中の要素をデザインをすることがWebデザイナーのお仕事でしたが、今や画面の向こうにいるユーザーの体験さえもデザインの対象となりました。 机の前に座っているPCユーザーだけでなく、利用シーンも様々なスマホユーザーの体験まで考慮する必要がある今、認知科学・行動経済学・脳科学などの知識もあると、デザイナーとしての強みになるのではないでしょうか。 そこで、各分野の個人的なおすすめ本を18冊紹介したいと思います。 認知科学 認知科学の対象領域を狭めないために明確な定義はないのですが、特徴づけをするならば「知的システムの構造、機能、発生における情報の流れを科学的に探る学問」です。 お馴染みのアフォーダンスやシグニファイアもこの分野ですね。 1.教養としての認知科学
1. サービスブループリントとは? 2. イベント開始! 2-1. ワーク1(ステークホルダーの洗い出し) 2-2. ワーク2(お客様の行動・感情、フロントサイド行動のプロット) 2-3. ワーク3(改善のアイデア出し) 2-4. ワーク4(あるべき姿を描く) 3. やってみた感想こちらのイベントに参加してきました。 2015-02-07(土)13:00 - 18:00 サービスの青写真を描け! ~「UX Finder」素振りワークショップ~ http://devlove.doorkeeper.jp/events/19805 サービスの全体像、サービスの問題点を可視化する方法、サービスブループリントを体験するワークです。特に、デザインするためのorigamiというツール群の中の「UX Finder」を使ってそれをやってみようというものでした。 「origami store」 http://
久しぶりにセミナー以外でブログ書きます。 このたび早稲田大学のWebサイトがリニューアルされました http://www.waseda.jp/top/ が、かなり論議になりそうなリニューアルなので、 情報設計専門家として内容を見てみます。 1.なにがグローバルなサイトなの? 今回のリニューアルではIE10以降を対象外としていて、 普通に使っているIE7や8では見ることができません、 これはアクセシビリティ上かなり問題だと思います、 多くの人が目にする大学というサイトでノンアクセシビリティを貫くというのは、 いまの時代にそぐわないのではないでしょうか。 わざわざIE10にアップデートまでしてみるサイトでもないですしね。 ぜんぜんグローバルじゃありません。かっこ悪いです。 2.レスポンシブデザイン? スマートフォン、タブレットに対応したサイトになったみたいですが、 そもそものとこ
モーダルビューを「閉じる」ボタンの位置は右に置くべきか左に置くべきか。iOSにおいてはナビゲーションバーの右と左の2択であるため、逆に迷ってしまいがちなのかもしれません。 よくある話としては「設定ボタンがナビゲーションバーの左にあるのなら、同じように左側に閉じるボタンを配置するべきではないのか…」といったことをよく聞きますが、トリガーとなるボタンの位置はあまり関係なく、その後のモーダルビューでの内容や一貫性によって判断する必要があります。 モーダルとは ボタンの位置を考える前に、まずはモーダルとはどういったものかを紹介します。アプリケーションでのモーダルはユーザーに行動を制限し、特定のタスクに集中させるモードです。もちろんアプリケーションという意味では、ホームボタンを押したりマルチタスクにより他のアプリケーションを使うことができるため完全な制限ではありませんが、現在使用中のアプリケーション
ユーザーを知るには? ユーザーへ深く共感し、同時にそれを製品・サービスのコンセプト立案へうまく橋渡しする手法は今まで存在しなかった。 それを職人芸的にやり遂げるごく一部のリサーチャーやデザイナーがいたのみである。 本書は手法のプロセスをステップ・バイ・ステップで丁寧に解説し、読み進めながら実践に活用していくことで、原著者が培った職人芸を短期間で無理なく身につけられるつくりになっている。 。 「監訳者序文:共感からはじまるイノベーションへ」より ここ数年、イノベーションとデザインがセットで語られることが多くなっています。 これまで「技術革新」という訳語が当てられ、技術の進化が私たちの生活を変えていく様を 表現してきた「イノベーション」という言葉。そんなイノベーションが技術とのペアを解消し、 デザインと手を組み始めたのは、長年にわたってイノベーション研究に携わった身としては、 文字通り、青天の
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
あの清水さんと脇阪さんに、私のようなミジンコなど直視できず110℃のおじぎをしたくなるおふたかたに、膝をつかせるとは……恐ろしい子!!!!!! パネルディスカッションで登壇されたmixi馬場さんの娘さんのあまりのかわゆさにみんなデレデレ(画像は浅野先生のブログをご参照くださいw)。 子供にとってはつまんないであろう大人たちの話が前で行われているのにとても静かに過ごしていて、とっても良い子でした。は、これが英才教育か…!! 娘さんが大きくなっていつかUXの門(て何だ)を叩いた時に、清水さんと脇阪さんを跪かせ、イナモリさんに抱っこされたということを糧にして頑張ってお仕事していただきたいw ということで、2012年最後の登壇レポートです(大丈夫、私、今が2013年5月だって知ってるよ!)。 2012年11月25日(日)、GMOインターネットさんのシナジーカフェYoursで行われた第6回WebUX
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く