只今流行中！デザインの筋トレ『観察スケッチ』でどこが鍛えられるの？ - MdN Design Interactive
2018年05月02日 TEXT：MdN Design Interactive編集部 今「観察スケッチ」というハッシュタグが、デザイナーさんたちの間で流行っています。最近では、観察スケッチをするイベントまで行われているほどです。紙とペンさえあれば誰でも手軽に始められるデザインのトレーニング。なんとなく始めるのはもったいないので、しっかりとポイントを抑えて鍛えましょう！ 観察スケッチは、今年の3月にOFFRECO代表のヤマシタさんが投稿した、下記の記事をキッカケとなって注目されています。 ▶ デザインの筋トレ〜伝説の世界的デザイナーに教わった観察力を磨くとっておきの訓練法〜｜ヤマシタマサトシ（OFFRECO/インテリアデザイナー）｜note 方法はとてもシンプルで、対象のモノをよくみて観察し、形状のスケッチをしつつ、気づいた点や情報をひたすら紙に書き出していきます。 Twitterで「#観察
Photoshopって楽しい！アニメやイラスト、ポスターなどで見たあのイメージを作成できるPhotoshopのアイデア帳
アニメやイラスト、ポスターなどで見かけたあのイメージを再現するPhotoshopの使い方が詳しく解説された良書を紹介します。 Photoshopの初心者にも非常に分かりやすく作成の手順が解説されています。 また「アイデア帳」とあるように、ビジュアルの見せ方、ポスターや表紙のアイデアも豊富で、さらに実際の作業ファイルもダウンロードできるのは嬉しいポイントです。 Webではこういったチュートリアルは英語が多かったり、具体的な操作手順や数値などが分からなかったりしますが、本書ではそういった心配は無用です。 また、Photoshopの操作を身につけるという面でも、使用する機能やエフェクトにフォーカスが当てられているので、かなり勉強になると思います。
(デザイン初心者向け)メルカリのデザインチュートリアルを作ってみた(ホーム画面UI編)｜ココディー｜note
(*この記事はデザイン未経験者や、非実務経験者の方に向けた実践記事です。) ✏️目次(再掲) 0. 前置き 1. メルカリとは 2. UIトレースをしてみる 3. デザイン観点の追加と、トレースの調整 4. 実際にメルカリのデザイナーに聞いてみた 5. まとめ・終わりに 0.前置きこんばんは、ココディーです。 前回、こんな記事を書いて、デザイナーや、デザイナーに未経験からなったという人達から、たくさんの反響をもらいました。ありがとうございました！ この記事の中で、問題視していたのは「デザイナーの総数を増やしていく必要性」でした。 その上で「ノンデザイナーからデザイナーになっていくプロセスが確立していない」ということを課題として、その解決の一つの方向性として「デザイナーに弟子入りするということ」を挙げていました。 とはいえ、「未経験からデザイナーのもとに弟子入りをする」という事も、デザイナー
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
非デザイナーのための「ブランド再入門」 | MEDLEY Developer Portal
2018-03-09非デザイナーのための「ブランド再入門」こんにちは。開発本部の医療メディアチームでデザインをしている波切です。 メドレー開発本部で行われている勉強会「TechLunch」で、デザイナー以外の方も知っておいて損はない「ブランドとは？」というお話をさせていただきました。多くの方が何となく知っていることも多いかもしれませんが、再入門的に参考にしていただけると嬉しいです。 背景メドレーでは時期を問わずプロダクトの在り方について常日頃から様々な場面で議論がなされています。 こういった議論の中でブランドとしてどのように見せられるのが良いだろうか、といった検討をすることも多々あり、改めてブランドについて学び直したいと思ったのが今回のきっかけになります。 TechLunch ではエンジニア・デザイナー・ディレクター・医師（！）と様々な職種の人が参加しています。 この時代では当たり前かもし
Googleのデザイナーなどのポートフォリオを300件以上閲覧できるサイト Bestfolios - LOGzeudon
海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may
note ――つくる、つながる、とどける。
1203本 思想を持ったお店をつくったり、運営、デザインをしているひとやその感想などの記事をまとめるマガジンです。
デザイナー向け認知科学／認知心理学の入門書 （2020.10.4追加編集）｜yoshi_design
はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名
完全無料！動画で実践的なWebプログラミングを学べる海外YouTube厳選まとめ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、実践的なWeb開発をじっくり動画を見ながら学習することができる良質な海外YouTubeのチュートリアルコースを厳選してご紹介します！ 主に、JavaScriptをメインにしたNode.jsやReact / React Nativeなどを徹底的に学べるコースを選んでいますが、最近のトレンドに沿ったWebサイトのデザイン＆開発手法についても一通り学べるようになっています。 動画を見ながら、どのようにコードが構築されていくのかを観察しながら自分なりのプログラミング手法を見つけていくのも楽しいと思います。 ■Webサイトのデザインからプログラミングまで学ぶ！ 【 12 in 12 Design to Code Challenge 】 レスポンシブなWebサイトや「ランディングページ」「ポートフォリオ」など、全12回の動画でさまざまなWebサイト
デザインシステムの資料を作る時に参考にしたリンクまとめ | よりデザイン
この記事は何？ DMMさんで「Atomic Design & Design Systems」をお話させて頂いた時に、自分が読んだ記事をまとめたものになります（いちおう全部目は通してる…ハズ）。デザインシステムについて書かれている記事ってまだまだ少ないのですが、情報源自体もまとまってないんですよね。実際、自分が↑の資料を作る時はほぼ手探り状態でした。 この記事がデザインシステムについてこれから学ぼうと思われている方の力に少しでもなれたら幸いです。例によって海外記事は僕の認識違いが起きている可能性があるので、「これそういう記事じゃないから！」というツッコミがあればぜひお願いします。 （追記：記事執筆後も参考資料が増えてきたため、資料作成時に限らず参考にできるものを追加しています） まずデザインシステムについて学びたい時は Design Systems Handbook InVisionが作成し
ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ
ユーザー体験が商品やサービスの成功を左右すると言われはじめてから数年がたった。世界中の大部分の人たちがスマホを使い、ミレニアル世代を中心にモノを所有することへの興味が下がり、体験をデザインすることが一つのデザイナーの仕事として成立している。 こんな時代にあって、UXデザインはどのような変化を見せてきているのであろうか。2017年を振り返り、UXデザインを取り巻くトレンドをまとめてみた。 1.「使いやすさ」は基本中の基本にユーザー体験を設計する上でもっとも基本となるのが「使いやすさ」。心地よい体験を提供するには、まずは基本的な使いやすさの品質がカバーされている必要がある。専門的に言う所のユーザビリティ。UXの品質評価をする際に使われるUXピラミッド理論においても、下記の通り根底から3つの部分は使いやすさをカバーする要素になる。 Task – 目的達成可能 (レベル1-3)Task – 目的達
はてなブログで振り返る2017年！ 「年間総合はてなブックマーク数ランキング」トップ100と「注目エントリー」を大・大・大発表 - 週刊はてなブログ
2017年も残りわずか。皆さま、いかがお過ごしでしょうか。 週刊はてなブログでは、はてなブログ（はてなダイアリー、はてな匿名ダイアリーを含む）におけるはてなブックマーク数をもとにした「今週のはてなブログランキング」を、毎週月曜日に掲載しています。このたび、2017年の総決算として「年間総合はてなブックマーク数ランキング」を集計しましたので、本記事にて大発表！させていただきます。 また、昨年と同様に、はてなブックマークのカテゴリー別（暮らし、世の中、政治と経済、学び、テクノロジー、エンタメ、アニメとゲーム、おもしろ）に「注目エントリー」をピックアップしました。これらを通して、2017年の1年間を振り返ってみてください。 注目エントリー（はてなブックマークのカテゴリー別） まずは、2017年の注目エントリーをはてなブックマークのカテゴリー別に紹介します。今年も、はてなブックマークで多くのコメン
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
コスメレビューは「語彙力がない」ほうが良い。コスメアプリで「評論より感動」を重視する20代女子の話と、可愛くないアイコンは「まとめる」の隠された意味。｜アプリマーケティング
コスメレビューは「語彙力がない」ほうが良い。コスメアプリで「評論より感動」を重視する20代女子の話と、可愛くないアイコンは「まとめる」の隠された意味。 メイクアプリ「LIPS」をよく使っている、スマホユーザー（22歳 女性 ※前回のTikTokと同じ人）に聞いた話をまとめました。 目次 １、LIPSで「コスメの評判」を調べる理由 ２、コスメのレビューは「語彙力がないほうが良い」 ３、評論よりも「これ良かった！」で肯定されたい ４、可愛くないアイコンを「フォルダにまとめる」理由 ５、LIPSから「通販とフリマ」につなげてほしい ６、アットコスメを"昭和のアプリ"と評した理由 ７、フリマを使ってると「定価でコスメが買えなくなる」 ８、中古コスメは「誰から買うか？」で抵抗感を薄める ９、美容アプリは「綺麗すぎない人」が宣伝すべき 10、コスメは「持っていてかわいいか？」も重要 11、LIPSの投
UXデザイナーがUIスキルを必要とする理由
Raffaela Reinは、UX Training の主要なオンラインスクールの1つであるCareerFoundryのCEO兼、共同設立者です。 Raffaela氏は、次世代のデジタル人材を育成することに専念し、彼らが好きな仕事でキャリアを築くのを手助けし、UXカテゴリでの勝者と敗者の違いを生み出す理由を教えています。 UXデザイナーとして、ユーザー体験がすべてであることはご存知かと思います。ほとんどのユーザーは、UXデザイナーが舞台裏で設計したフレームワークを意識していません。ユーザーが気づかないということは、あなたがいい仕事をしたという証なのです。 ユーザー視点で言えば、UXデザイナーの仕事はUIデザイナーによって作られた魅力的なUIの下に隠されてしまいます。しかしこれは良いことなのです。UIデザイナーには、グレースケールのワイヤーフレームを作るための必要スキルがあり、さらにワイヤー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.ogura.blog/entry/2017/02/28/190245
