【2022年】注目すべきUI/UXデザイントレンド - Qiita
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
Googleマテリアル・デザインから学ぶ４つの重要ポイント + 参考UIデザイン、無料素材まとめ
[fancy_box]海外デザインブログDesignModoで公開された「Lessons Learned From Analyzing Material Design Components」の著者 Paula Borowskaより許可をもらい日本語抄訳しています。Thank you so much as always![/fancy_box] Googleのデザインガイドライン「マテリアル・デザイン（英:Material Design）」に目を通したひとは、どれだけ広範囲にわたって細部まで気を配って作成されているのか気付いたのではないでしょうか。 ガイドラインに目を通してみることで、たくさんのことを学ぶことができます。その中でも、複雑なビジュアル・スタイルガイドの作成が可能だということは大きい収穫でしょう。「簡単に」という意味ではありませんが、Googleのように複雑にサービスが入り組んで
WEBディレクターなら知っておきたい。プロジェクトを上手に進めるために必要な知識。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WEBディレクターの定義は曖昧です。プロジェクトの舵取り役として、コンセプトから仕様検討、デザイン、設計、プロジェクトマネジメント、マーケティングなど広範囲な業務に携わります。広範囲な業務だからこそ曖昧になりそうな職種ですが、デザイナー、エンジニア、マーケター等、チームから信頼されるために必要な知識をまとめてみました。 WEBサービスの知識 WEBの世界は日進月歩で変化していきます。RSSやソーシャルフィルターなど、自分なりに最新の情報をキャッチできる環境を整える事が大事です。クライアントからの信頼を得るためにも、最新のWEB事情やイケてるデザインをパパっと提案の中に組み込めるといいと思います。情報は大きな武器になるので、アンテナは常に立てておくことをオススメします。 Webディレクターならチェックしたい、ニュースサイト15選 大まかな設計の知識、インフラの知識 データベースの構成やサーバ
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
マテリアルデザインのガイドラインが最高に実践的だった
「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解して実践するところにまで到達するのには中々のエネルギーを使いませんか？ マテリアルデザインは英語のドキュメントなので最初は尻込みしましたが、読み進めるうちに内容の充実っぷりに引き込まれました。ここまで親切なガイドラインは珍しいと思います。和訳も欲しいところですが、用例として画像がたくさん挙げられているので翻訳サイトを使えば充分理解できると思います。 豊富なテンプレートと素材 750種類以上のアイコン
"分かったつもり"で設計するな！上流工程のディレクション基礎まとめ（0ディレ関西レポ） | Webディレクターズマニュアル
こんにちは。日本ディレクション協会 関西支部の出原です。 関東では既に何度も開催されている「0からのWebディレクション講座（通称0ディレ）」が、ついに関西でも開催されたので、今回は参加レポートの形を取りながら、そこで得た学びや思ったことなどをまとめてみたいと思います。 まずは資料スライド公開から これを見るだけでもほぼ内容が把握できてしまいますが、せっかくなので以下に要点と個人的な留意点をまとめておきました。 ぜひぜひお役立てください。 コンテンツインデックス 前提となる背景、目的、課題を明確に言語化 ポジションの把握とコンテンツ設計 より具体的なユーザー定義 全ての根拠となるゴールをハッキリ設定する 1.前提となる背景、目的、課題を明確に言語化 今回喋っていただいたのは、東京講演でも人気講師としておなじみの高瀬さん。 プロジェクトの裏側にどんな背景があって、どんな課題があって、それをど
聞き手を引き込む 企画 / 提案資料を説明する際のコツ
最近なんだか「プレゼン上手いですね！」とか言われすぎて調子に乗ってるナカムラですこんにちは。 今回は調子に乗るついでに、資料の説明やプレゼンの時にディレクターが気をつけたほうが良いコトなんかを書いてみようかと思います。 説明が退屈だと提案まるごとツマラナイもの扱いされる いきなりマーケティングデータだとかワイヤー案だとか、あるいはデザイン案なんて資料を出してその説明に終始。こういう提案の方法を取られる方を結構な頻度で見かけます。 資料の出来が良ければそれで問題無いのかもしれませんが、大抵は聞き手に退屈に感じられてしまい、結果として提案内容そのものの評価も下がってしまうケースもちょいちょい。。。なので、今回の主題は「どうやって"提案内容を聞きたい"と思わせるか？」という僕なりのやり方になります。 まずは問題を整理し マイナスの共感を誘導 事前のヒアリングなどで確認していた内容や前提条件に対し
HTML5 Conference 2013の資料まとめ
HTML5 Conference 2013 は、昨年に引き続きとても有意義なセッションが沢山ありました。スタッフの皆様、講演者の皆様、大変ありがとうございました。 この記事では、各セッションの資料（スライド等）、動画、ツイート等をまとめています。 今年はかなり大量の資料があるため、この記事は7ページに分割しています。 セッションの動画は、ルームごとに1つの動画になっています（つまり5つのセッションが1つの動画になっています）が、観やすいようにそれぞれのセッションごとに頭出し再生されるように埋め込んでいます。 目次 オープニングセッション（基調講演）+ルーム1A（このページ） オープニングセッション（基調講演） 現場の実例から学ぶ、最新鋭のWebアプリケーション開発フローとアーキテクチャ Responsive Web Design 〜Basic understanding〜 CSS Regi
【無料配布】Web制作設計手順書 | 毒舌プランナーの異論持論
皆さん、長らくお待たせ致しました。 先日からお話に上がっていた 【Web制作設計手順書】 を配布致します。 下記よりダウンロードして下さい。 PowerPoint用とKeynote用とがありますが PowerPointに関してはアニメーションなど上手く動作しなかったりしますので その点についてはご了承下さい。 ※追記：単純に閲覧用、印刷してお使いになる方用にPDF版も用意しました。 ※追記2：PowerPoint版の5Pと14Pがおかしかったのを修正しました。 ※追記3：「色彩」の部分で黄色と白が見辛かったので全体的に修正しました。 基本的にはMacやiPadをお持ちの方はKeynoteでの閲覧を推奨いたします。 また注意事項としましては 無料配布ではありますが、著作権は放棄しておりません。 編集する、再配布、商用利用などご自由にして下さって構いませんが 「自分が作った」 等と豪語するのは
【無料配布】Web制作における書類一式、そしてドキュメントの必要性について毒舌プランナーが語ってみた | 毒舌プランナーの異論持論
小規模・中規模のWeb制作ぐらいしかした事ないしがない身の上の私ですが。 システム系に関しては、大きな案件に携わったことがあります。 その案件というのが、某大学のシラバス管理システムの構築です。 学校相手だと、支払いなどはすっきりしてるんですが作業内容の範囲で色々揉めた苦い記憶があります。 IT業界自体は「サービス業」というのを痛感した案件でもありました。 他にもEC-Cubeなどがメジャーではなかった頃、Zen-CartというECシステムを使った事もあります。 この頃のECシステムの印象はとにかく安っぽい、でした。 機能面でもデザイン面でも、カスタマイズしなければまったくもって使い物になりません。 カスタマイズに関しては今も一緒ですが、提供される機能が多くはなかったので、 殆ど一からプログラムを書くという状況で、中々大変でしたね。 さて、わざわざ身の上話をする為に記事を書いたわけではあり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
指定したウェブサイトで使われている配色・フォントを抽出してくれるサイト「Stylify Me」 | ライフハッカー・ジャパン
デザイン仕様書(ガイド) の書き方(初歩用)
Webディレクターズマニュアル