タグ

デザインに関するgarlicgunのブックマーク (748)

  • デザイン思考の基礎

    デザイン思考とは何か。なぜそれに関心を持つべきなのか。ここでは、その歴史と背景に加え、簡単な概要と、6段階のプロセス図を提供する。実践的なユーザー中心の考え方による問題解決型アプローチがイノベーションにつながり、イノベーションを起こせれば、差別化ができ、競争上の強みを作り出せるようになる。 Design Thinking 101 by Sarah Gibbons on July 31, 2016 日語版2016年11月1日公開 デザイン思考の歴史 デザイン思考が新しいものであるというのはよくある誤解だ。デザインという行為自体は長い間おこなわれてきており、モニュメントや橋、自動車、地下鉄のシステムはどれもデザインというプロセスから生まれた最終製品といえる。そして、昔から、優秀なデザイナーは人間中心の創造的なプロセスによって、意味のある、有効なソリューションを構築してきているからだ。 190

    デザイン思考の基礎
  • スタートアップのデザイン責任者がやるべきことまとめ|坪田 朋

    最近、相談を受ける事が多いデザインマネージャーの役割を経験をもとに書き出してみました。長いですが、迷った時の辞書代わりに使ってもらえるとありがたいです。 ここでは会社の規模が30名以上、デザイナー5名程度を超えた組織をイメージしてます。ユーザー体験に責任を持つサービスデザイン責任者と組織責任者の話は混同しないほうが良いので、今回は組織責任者にフォーカスしてます。 全体のストーリーはこのスライドで掴めると思いますが、もう少し具体的に実行した事などをリスト化したので参考になればと思います。 デザイン責任者として実行した事まとめデザイン責任者の仕事は何かを学ぶために行動してみた ・実績を上げてる会社へ一週間研修に行かせてもらい、成果をあげてる理由を分析して、100ページ位のレポートを作った。 ・池田さん、土屋さん、深津さんなど有識者に相談して感覚を掴んだ。 ・それらの行動は自分自身の勉強にもなっ

    スタートアップのデザイン責任者がやるべきことまとめ|坪田 朋
  • Osaka Metro|トップページ

    ※このサイトは、Osaka Metroホームページ(http://www.osakametro.co.jp)として新たに公開しています。大阪市交通局ホームページを「お気に入り」等で登録されていた方は、再度登録をお願いいたします。

  • UIデザインパターンの参考になるサイト10選

    同じようなデザインの手直しに人生の貴重な時間を費やしたいと思う人はいません。過去に別のアプリなどで解決されている問題があるのなら、その問題の解決策がテンプレートとして既に存在するはずです。それこそが、誰にでも使えるデザインパターンです。 ここでは、Web上でデザインパターンを見つけるのに最適なサイトをリストアップしました。執筆時現在、これらのリソースはすべて無料ですが、一部はプレミアム版などを支払うように求められる場合があります。なお、この記事は、これらのサイトのアフィリエイトではないことを最初に断っておきます。 UI Patterns UI Patternsでは、好みのパターンを簡単に検索でき、使えると思ったパターンをグループ化することができます。また、自分のデザインでのパターン活用に役立つ、UIデザインパターンに関する多くの興味深い記事があります。 WELIE Interaction

    UIデザインパターンの参考になるサイト10選
  • デザインのバージョン管理をGitHubでしてみたら修正点が3秒で分かるようになった話 - Money Forward Developers Blog

    こんにちは。デザイナーの大橋です。 今日は、私が担当している “(しら)ずにお金が(たま)る”自動貯金アプリ『しらたま』 で導入してました、デザインのバージョン管理の話を紹介します。 デザインのバージョン管理といえば、AbstractやKactusがありますが、今回はあえてGit Sketch Pluginを試してみました。 デザインデータをGitHubで管理しようと思ったキッカケ 私以外のチームメンバーがみんなエンジニアだから、間違いなくGitHubに寄せたほうが効率いいんじゃないか。 新しいツールを導入すると、プロジェクトに関する情報が分散してしまいがちで、エンジニアも招待したり登録してもらったりしなきゃいけないのかなという印象。※あくまで印象です。 Kactusはプライベートレポジトリが有料。 こんな感じでなんかファイルが増えてく。。。(忙しいと放置しがちでよくない。。 GitHub

    デザインのバージョン管理をGitHubでしてみたら修正点が3秒で分かるようになった話 - Money Forward Developers Blog
  • 銀座ロフトの案内板が意識高すぎて伝わらずテプラで説明文を貼られる

    モノ @Monolith_tb @ro_ki_ スタイリッシュを目指してユーザーフレンドリーではなくなってしまうというアレ(売り場を逐一聞かれて店員さんの無駄な雑用が増えるだけという 2018-01-18 18:10:01 ろきお @ro_ki_ @Monolith_tb カレンダー見に行ったんだけど、表示の導線が用意されてないからなのか、ダイアリーのフロアで「カレンダーは6階です」って書いたボードもって店員さんがうろうろしてて気の毒だった…… 2018-01-19 09:55:28

    銀座ロフトの案内板が意識高すぎて伝わらずテプラで説明文を貼られる
  • アンビグラム研究室

    『夢/愛』 「夢」と「愛」が、図(形)と地(背景)の関係になっている図地反転型アンビグラム。 2つの文字を重ねると正方形の中にジグソーパズルのようにぴったりと嵌り合います。 ネガポ字。: いとうさとし

    アンビグラム研究室
  • 観察とは何か?デザインにどう活きるのか?|こばかな

    こんにちは。THE GUILDのこばかなです。デザイナーとかをやっています。 10秒でわかるこの記事の内容先日こんなツイートをしたのですが、今回はこの話について詳しく書きました。 デッサンとは何か?たまにデザイナーの間で「美大に行く必要があるのか」「デッサンを学ぶ必要があるのか」という議論がされますが、個人的には「WEBやUIUXデザイナーにとっては必要ない」と考えています。(グラフィックデザイナーやプロダクトデザイナーは学んでおいた方が便利だと思います) なぜならデッサンによって得られるものは「観察力」がメインであり、それを磨く方法は他にもあるからです。 行く必要がないと言いつつ、私は美大に行ったのですが、受験時代はほぼ毎日何時間もデッサンを描く生活を3年ほど続けていました。 ▼浪人時代に描いたもの デッサンは一見すると「リアルな絵を描くこと」を目的にしてるように思えますが、経験者の一

    観察とは何か?デザインにどう活きるのか?|こばかな
  • エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ(2017年版) - Qiita

    こんにちは、 UXデザイナーの @yuh_iw です。 この記事は NTTコミュニケーションズ Advent Calendar 2017 の23日目です。 すべては最高の体験のために 弊社では、ようやく社内にUXデザインという言葉が浸透し始めていますが、 実態はUIと共に語られることが多いです。(実際は違うよ) とはいえ今回はUIを作るために私達がいつも行っていることについて記載します。 どうやってUIを作っていくのがよいか とにもかくにも、ユーザーに対する検証と学習をくり返すことです。 最高のUI=カッコイイUIではありません。アーティスティックなUIでもありません。 UIにはユーザーがいるので、ユーザーが使いやすいと思わなければならないのです。 そのために、使ってくれそうな人に、検証していく必要があります。 検証するためにはいくつか方法がありますが、 稿ではUIプロトタイピングを行う

    エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ(2017年版) - Qiita
  • UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート

    PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事(腹立たしいことに4ページ目はたった1行だったりする)、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか? その負のス

    UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート
  • Sketchでデザインしながらガイドラインを作ろう|Chizuru Kamisono

    はじめまして。UIデザイナーのカミソルです。 わたしはOHAKO.incの受託事業の部署でサービスの体験設計からUIデザインをしています。 今回はSketchのSymbol機能を使って、デザインしながら効率よくガイドラインを作る方法について書きたいと思います! ※この記事はSketch Advent Calendar 2017 19日目の記事です。 なぜデザインしながらガイドライン化したいのかガイドラインを作る目的は2つあります。 1.  エンジニアとの連携のため "カラーの種類"、"テキストスタイルの種類"、"画像として書き出すもの"、"コンポーネント"の4つがはっきり伝わるSketchデータにしたい。 2.  デザイン運用のため デザインを運用をするとき、誰でも追加や変更がしやすいようにしたい。「デザインしながら」とつけた理由は、デザインしていたら自然にガイドラインが出来ていた。という

    Sketchでデザインしながらガイドラインを作ろう|Chizuru Kamisono
  • デザイナーの僕がいかにしてビデオゲームのUIから「インタラクション・デザイン」を学ぶのか | 超ゲームウォーカー!

    普段、インターネット上ではただのゲーム好きとして活動(?)しておりますが、職はWebサービスやスマートフォンアプリのUIデザイナーをやらせていただいております コウノ アスヤ(@asuyakono)です。 退勤後はイベントに登壇!土日はコンセプトデザインで習作!みたいな同僚を横目に、仕事の時間以外はもっぱら家にこもってゲームを遊び、プレイ後に感想を記事にしてネットに公開することが多いです。それがこのブログです。このブログではいつも「良いも悪いも正直に。なるべく平易な文で。」をモットーに書いてますが、記事のボリュームを考えたり、専門的すぎないように気をつけていると、どうしてもなくなく端折らざるを得ない話題というものがあります。 それは、ゲームにおける「インタラクション・デザイン」のことです。 「友達が少ない」「インドア」「両親が共働き」の3揃いで、物心ついた時から1人で黙々とビデオゲーム

    デザイナーの僕がいかにしてビデオゲームのUIから「インタラクション・デザイン」を学ぶのか | 超ゲームウォーカー!
  • デザイナーこそブログを書くべき3つのメリットと苦手克服法|macheri|note

    嫌になるほど苦手だったブログ執筆は、 デザイン制作に欠かせないスキル向上の宝庫だった会社の技術ブログ執筆に誘われたことがきっかけです。 「ブログ執筆を習慣化すればデザイナーは一石二鳥だ!」と感じたデザイナーにとっての3つのメリットについて。そして、ブログ執筆の苦手意識をどのように克服したかについてお話します。 先日SketchとAdobe XDの比較についての記事を会社ブログに書きました。 【チームの課題から考える、Adobe XDとSketchの導入メリット】 予想に反して多くの方に読んでいただきまして恐縮しております。振り返れば執筆依頼されたときは正直当に嫌で(笑)全く筆が進まず完成まで2週間以上もかかっています。発狂しそうでした。 ただ一方で、書くことで得たスキルや工夫したことは、デザイン制作に欠かせないコミュニケーション力とよく似ていると感じました。 デザイン制作におけるコミュ力

    デザイナーこそブログを書くべき3つのメリットと苦手克服法|macheri|note
  • 最近のロゴのデザインに使われている、注目しておきたいデザイントレンドのまとめ -Logo Design Trends 2018

    オンラインで格的なロゴを作成できる「Logaster」で作成された6,000,000個の中から、2017年に人気だったロゴのデザインを概説し、2018年に注目されるロゴデザインのトレンドを紹介します。 Logasterの中の人から依頼があり、今年も日語化するお手伝いをさせていただきました。ここに掲載されているロゴのデザインは、小さいサイズならすべて無料で作成してダウンロードすることができます。 ※2022/10: Logasterは買収されました。 縮小して掲載しているため、文字が少し小さいかもしれません。

    最近のロゴのデザインに使われている、注目しておきたいデザイントレンドのまとめ -Logo Design Trends 2018
  • 見やすいプレゼン資料の作り方 - リニューアル増量版

    書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門:https://amzn.asia/d/4WDsTI6 デザイン図鑑:https

    見やすいプレゼン資料の作り方 - リニューアル増量版
  • デザイナーのパラダイムシフト|hiranotomoki

    ※ここでのデザイナーとは、主に、グラフィックデザインやUIデザインを扱うデザイナーのことである。 そして、Design with AIの時代へ近年、高性能のパソコンとデザインアプリケーションが安価で手に入ることで、誰でもデザイナーを始めることが可能となった。また、AppleGoogleが提供するデザインのコンポーネントとデザインのガイドラインは、成果物の品質保証を底上げし、美的センス(審美眼)の必要性を下げた。さらに、人工知能の発達は、熟練デザイナーのブラックボックスだった職人的技術を解放しはじめている。 コンピューターが投入される前に必要だったデザイナーの技術は、例えば、1mmの間に何のまっすぐの線を引けるかといった技術である。しかし、コンピューターが現場に導入されるとその技術の希少性は消え、いまや、0.25mmのまっすぐな線を引くことに、特別な訓練は必要ない。これと似たような現象が

    デザイナーのパラダイムシフト|hiranotomoki
  • 無数の人間たちが整然と歩き、落ち、戦い、潰される…… 謎のゲーム「HUMANITY」の動画が衝撃的

    謎のゲーム「HUMANITY」のデモ映像が、見ていて吸い込まれそうになる不思議な魅力を放っています。群衆が隊列を組んで整然と動き、簡素な空間を進んではこぼれ落ちていく……なんなんだこれは。 無機質的な人々が黙々と坂を登る ボトボトと人が落ちていく様には不安感しかない 人が吸い上げられたり吹き飛ばされたりする仕掛けも 立体交差を上がっては落ちていくループ……夢に出そう 無数の人間が行進し、理不尽につぶされたり落ちたりする様は「レミングス」や「ピクミン」を連想させますが、それらとも違ったゲームになりそう。2つの人波が接触すると暴動や銃撃戦まで発生します。これらの処理がよどみなく行われると思うと、ワクワクしますね。 理不尽にも落ちてきたブロックにつぶされる人々 群れ同士がぶつかると暴動のごときいさかいが 対岸をはさんでの銃撃戦も。これも「HUMANITY(人間性)」の1つと考えると恐ろしい……

    無数の人間たちが整然と歩き、落ち、戦い、潰される…… 謎のゲーム「HUMANITY」の動画が衝撃的
  • Android開発者からデザイナーの皆様へ - Qiita

    Nuco Advent Calendar 7日目の記事です。 Design | Android Developers Human Interface Guidelines ちなみに上記の両記事を既にお読みの方は記事を読む必要はありません。 ブラウザの戻るボタンをクリックしてください。 スマホアプリのデザイン 恐らくほとんどの人はAndroid、iOSのどちらか一方しか所持していないですよね? お近くに自分と異なるOSを使っている人がいたら、是非アプリのUIを見比べてみましょう。 思っていたより違うんじゃないでしょうか? 特に有名なアプリはほぼデザインが異なるはずです。 メニューバーはiOSは画面下部、Androidは画面上部にあるのではないでしょうか? (もちろんそうでないアプリもあると思いますが。) あるある話なのかはわかりませんが、スマホアプリの開発を行うときにデザインが一種類しかな

    Android開発者からデザイナーの皆様へ - Qiita
  • バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -

    忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか?私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「当にこれギャグじゃないの?」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは?とご指摘頂きました。

    バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
  • デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ

    世間一般ではデザイナーは一括りに語られがちですが、デザイナーも千差万別、一人一人に個性があり、異なる価値観を持っています。この多種多様なデザイナーを一種類にまとめて扱うことは、デザイナーとのミスマッチに繋がり、デザイナーを擁する組織のマネジメントにとって、深刻な問題を引き起こすこともあります。 自分自身は経営者兼デザイナーとして仕事をし、今まで多くのデザイナーを見てきました。その私の経験則でいえば、デザイナーは大きく4つのタイプに分類できると考えています。例えば採用面接などで新たにデザイナーと出会った際には、まずはこの4タイプを手がかりにして、その方の理解を深めていったりします。 私が考えるデザイナーの4つのタイプとは、縦軸に「挑戦的」「保守的」、横軸に「感覚的」「論理的」を置いた4象限で表現できます。以下がその図です。 ここからは、理想実現型、成果追求型、共同作業型、実務遂行型の順に、そ

    デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ