一体どこからインスピレーションを受けるの？ 前もって知っておけば良かったデザインサイト10選！｜Choi
こんにちは、デザイナーのchoiです。 皆さんは作業を始める時、何から始めれば良いのか分からなくて困ったことがありせんか？ ピカソはこういう言葉を残しました。 腕がよいアーティストはコピーするが、偉大なアーティストは（インスピレーションを）盗む。（Good artists copy, the geniuses steal.）つまり、優れた作品を創造するためには、たくさんの作品からインスピレーションを受けることが最も大切だと思います。 しかし、どこからインスピレーションを受け、自分の作品に活かせばいいのかいつも悩んでしまいます。 そこで私は、インスピレーションを盗みやすい、新鮮でクオリティの高いサイトを共有したいと思います。 1.Pentagram 世界中のデザイナーが目指すPentagramはロンドン、ニューヨーク、オースティン、ベルリンの4つの支部で、25人のパートナーが運営する世界最大
K-POPのデザイン16: ウェブにナラティブを取り戻す｜Simon says
パッケージ、MV、スタイリング、ビジュアルデザインなど全方位に高品質なK-POPクリエイティブにおいても軽視されがちなのがウェブ分野だが、その中でも数少ない事例を紹介。 （コミュニティアプリ・ライブ配信・ビハインドなども広義の意味ではウェブコンテンツだが、ここではいわゆる特設サイトについてのみ触れる） ＊ ＊ ＊ NewJeans.krNewJeansの公式サイトはニュースの役割を持たず、カムバックごとに特化した内容にリニューアルされる。特徴的なのは毎回実装される独自のデザインを生成できるジェネレーターで、しかしそのアプローチは常に異なる。 ウェブサイトに限らず、バッグ形態のパッケージデザインやデコ前提のシンプルなペンライトのように、各々のカスタム性を追求することによって逆に連帯感を演出する新しい大衆性がある（学校指定の鞄にキーホルダーで個性を出すやつを、メンバーとファンの間でやってるみた
Skill Area - Pepabo Design
スキルエリアシステム ペパボでは、個人のスキル向上のためのガイドを目的とし、デザインに必要なスキルの領域を次のように定め、人材育成や目標設定のために活用しています。 Expert Skill Areas 優先度の高い専門性のスキルエリア Communication Design ブランドを正しく活用し、成長させるための、さまざまなレベルのコミュニケーションのデザイン、またはブランド自体のデザインを行う。 知識・スキル ブランド価値の形成と活用について理解し、それらを達成するためのコミュニケーション要件を定める。 誰に、どんなメッセージを届け、どのような認知・行動の変化を起こすかを定める。 テキスト、画像、動画、ストーリー、などさまざまな手法とそれを伝えるメディアの選定、メディアに応じた手法の最適化をおこない、アウトプットとして提供する。 タッチポイント、流入、メディアの選定とコンテンツの設
「直感的なインターフェイス」の正体を考える｜Takumi Tonosaki
デジタルプロダクトデザイナーとして、現時点で自分が考えている「直感的なインターフェイス」のポイントをまとめたいと思います。普段無意識に使えているからこそ、言語化できていないことも多いと思うので参考になれば幸いです。 直感的なインターフェイスの定義直感的なインターフェイス＝無意識下でも使えるインターフェイス ※「感動する、情緒的な価値を感じる」などのデザインは今回は「直感的なインターフェイス」のスコープからは外したいと思います。 1.普遍性直感的に使えるデザインにとって「普遍性」はとても大事な思想です。ここでいう「普遍性」とは奇をてらわずに「当たり前である」、「一般的である」と感じるデザインのことです。 ◎スキューモフィズムこの普遍性の考え方の一つに「スキューモフィズム」があります。スキューモフィズムとは、すでに現実世界にあるものを模倣してわかりやすく伝える手法です。 スキューモフィズムで有
UXデザインを超えてゆけ〜ユーザーインタビュー設計をゴリッと〜｜しょーてぃー/ Experience & Prompt Designer
俺の屍を越えてゆけみたいになってもうた ども。しょーてぃーです。 本記事は守・破・離の「守」です。 学んだことを、 まずはかんたんなことからシェアする記事です。 プロンプトも全てコピペできるので、 お試しあれ。 🚸 なおこの記事企画はPVやいいね数をみて 需要がなければすぐやめて、 また一人でAIと山奥にこもる予定です笑 （仮説実行検証！） 概要所要時間: 5分 完成する成果物： 1.インタビューシートの概要 2.インタビューフロー(添付画像) インタビューをしたほうがいいと言われて、 頭ではわかっているがどのように設計したり 具体的にどんな質問を投げかければいいのか 困ったことはないだろうか？ リサーチを何百回 やってきた私もまだある。 本当に 設計は大変である。 そしたらAIと一緒に作ればいい。 「え〜、AIって難しそう！理系っぽい！」 いや、安心してくれ。 私は一切コードがかけない
ルールではなく補助線 ─ユーザー数2,000万人超のサービスにおける、Design Systemを立ち上げた話｜Mercari Design Blog
ルールではなく補助線 ─ユーザー数2,000万人超のサービスにおける、Design Systemを立ち上げた話 こんにちは、メルカリDesign Systemの立ち上げと運用を担当したデザイナーのtottieです。 この記事では、メルカリの抱えていたデザイン上の課題をDesign Systemの導入で改善したお話をご紹介いたします。 なぜDesign Systemを導入したの？Design Systemを導入した理由は、大きく分けて２つあります。 １つめは、開発における課題です。 導入を決定した当時（2018年）、メルカリはスタートアップから急成長したサービスだったため、開発チームは様々な課題を抱えていました。 サービスを改修したくても、複雑に絡み合ったコードのためアップデートが難しい状況になってきた。 急激なチームメンバーの増加にあたり、分担して作業するための土台の整備が間に合わなくなっ
Figmaを活用し、職種を超えて全員でデザインするための工夫
本連載では、SmartBankのデザイナーが「デザイナーの業務効率化」をテーマに、FigmaやNotionを活用した「業務効率改善のTips」を紹介していきます。今回焦点を当てるのは「Figmaを活用し、職種を超えて全員でデザインするための工夫」についてです。 こんにちは！SmartBankでデザイナーをしている福嶋（putchom）です。 2022年9月にふたりめのデザイナーとしてSmartBankに入社し、現在はおもにプロダクトのUIをデザインしたり、デザインシステムを設計したりしています。私たちは、「B/43」というVisaプリペイドカードと家計簿アプリがひとつになった新ジャンルのサービス「家計簿プリカ」を運営しているのですが、チームメンバー全員でサービスをデザインできるように、デザインを透明化し目線を揃えた上で有意義な議論ができるようにしています。 第6回ではプロトタイピングや詳細
伝わりやすく使いやすいシステムアイコンができるまで｜東芝 UIデザイン
こんにちは、東芝のUIデザイン担当の池田Rです。 PCやスマホを使っていると「ショッピングカート」や「サムアップ」「虫メガネ」など様々なアイコンを目にします。普段意識することはありませんが、実はこのアイコン、テキスト無しでユーザーに情報を伝えることができる重要なアイテムです。 この記事では、そんなアイコンのデザイン検討から完成までのお話をご紹介します。 アイコンには、アプリケーションを起動するランチャーアイコン、メニューの補足やボタンの役割を果たすシステムアイコンの大きく2種類があります。ここでは東芝の様々なアプリケーションで使われるシステムアイコンに絞ってお話します。 １．まずは手書きで「メッセージする」のアイコンのモチーフは“吹き出し”。「ロックする」のモチーフは“南京錠”といったように、まずは使用用途ごとにモチーフを考えます。システムアイコンは誰にでも正しく意味を認識してもらう必要が
生き続けるデザインシステムの実現に向けたデザイナーの取り組み｜Goodpatch Blog グッドパッチブログ
昨今、「デザインシステム」という手法を目にする機会が増えましたよね。 多くのWebアプリケーションやモバイルアプリケーションでデザインシステムが設計されるようになり、最近ではデジタル庁のデザインシステムも話題になりました。 デザインシステムは、設計よりも浸透に時間がかかる点において難しさがあると私は考えます。自社事業でももちろんその難しさはありますが、クライアントワークは特に「納品」という段階が最後に存在することで難易度が跳ね上がるように思います。クライアントワークにおいて、どのようにデザインシステムと向き合えば良いのでしょうか。 例えば、とりあえず「デザインシステム」らしきものを作っても、それは「デザインガイドラインの納品」としてしか機能しない場合が多くあるように感じます。ただ、クライアントワークだからと諦めずに本気で取り組めば「デザインシステムを改善可能な形で納品する」ことは可能なので
最速でゆっくり Figma最新機能紹介 〜Section編 GroupやFrameとの違いとは〜 | さくらのナレッジ
Group, Frame, Sectionの挙動の違いを学ぼう この項では、紛らわしいGroup, Frame, Sectionの違いについて整理していきましょう。まずはGroupの挙動を確認します。Groupは先に述べたとおり、グルーピングした要素の一括処理を担っています。 Groupの機能と役割 先程、Groupには２つの機能があるとご紹介しました。その１つ目は子要素のプロパティ一括変更です。以下の動画では、Groupレイヤーを選択することで、子要素に対して一括してプロパティ変更を行っています。 Groupで子要素のプロパティを一括で変更している様子 2つ目の機能はGroupレイヤー自身へのプロパティ適用による子要素への間接的なデザイン適用です。GroupレイヤーのLayerプロパティを変更して透明度を変更したり、Effectsプロパティを変更することで子要素のレイヤーに一括でドロップ
デザインってどう教えるの？元・任天堂デザイナー前田さんから学ぶ効果的なフィードバックとは
デザインをする上で避けては通れないのが制作物へのフィードバック。自身が受ける以外にも同僚や部下のデザインに対して言う側に回る事も多く発生するかと思います。 そこで痛感するが教える事の難しさ。的確なアドバイスをしたつもりが、意図しない仕上がりや進展がないといった事が起こる場合もあり、下手したら自分がデザインするよりも難しいのでは？と感じているのは私だけではないはず。 そんな時に出会ったのが著者、前田高志さんの「鬼フィードバック」という本。デザインの完成に至るまで前田さんとデザイナー達によるフィードバックのやり取りを見ていく内容になっておりますが、前田さんの発言や切り返し方に着目して見ると、教える側の注意点や効果的なプロセスなどのヒントを多く知ることができました。 そこで今回は私なりに気づいた点をまとめてみました。受ける側の目線や全体を通したやり取りが気になった方はぜひ書籍も見てみてください。
【増枠】Design System Build #01 -デザインシステム構築の様々なアプローチ- (2022/08/23 19:30〜)
2022/08/04 50→100→200→250→300→350→400→450→500名に増枠しました！ ZOOM配信の上限人数の関係で、最後の増枠になります。これから申し込みくださる方は「キャンセル待ち」になります。 RAKSUL主催のデザインシステム勉強会【Design System Build 】を初開催します！ 近年、国内外の様々な企業のプロダクト開発に導入されている「デザインシステム」は、開発することでブレなく一貫したユーザー体験を提供できたり、デザイナー・エンジニアの開発を効率化することができたりと、様々なメリットがあります。 ただ、デザインシステムは一度作って終わりではなく、運用しながらプロダクトの成長に合わせてアップデート・構築していくことが重要です。その構築していく過程での開発者たちの様々な取り組みや技術的なチャレンジ、失敗事例や成功事例などを、今回イベントに出演くだ
AWS、自社製品のために開発したデザインシステム「Cloudscape」オープンソースで公開。UIコンポーネント、デザインパターンなど
AWSは、マネジメントコンソールなど同社が提供する製品やサービスのWebアプリケーション画面を構築するために開発したデザインシステム「Cloudscape」をオープンソースで公開しました。 Cloudscape Design System, an AWS solution for building intuitive user experiences, is now open source! Cloudscape consists of guidelines to create web applications, along with the design resources and front-end components to streamline implementation.https://t.co/M8wKGqzH5E pic.twitter.com/9JOtkMF8Bi — A
【メモ】良いDesign Docs(Software Design Document)を書くためのリソース集
自分が良い Design Docs(Software Design Document)を書くために、読んだ/参考になったリソース集 一覧 Design Docs とは Design Docs at Google デザインドック(Design Doc)について デザインドックで学ぶデザインドック 残業も減らせる!? 上級エンジニアになるための Design Doc 超入門 「Design Doc」って何なのか？ What Is A Design Doc In Software Engineering? (full example) What is a Design Doc: Software Engineering Best Practice #1 https://github.com/kaiinui/note/blob/master/Design--Designdoc.md Googleの
Goodpatch流再解釈「デザインの5段階モデル」｜Goodpatch Blog グッドパッチブログ
Jesse James Garret氏がおよそ20年前に提唱した“The Elements of User Experience”は、日本では通称「UXの5段階モデル」と呼ばれ、長年にわたり多くのデザインの現場で引用されてきました。わたしたちもこのモデルのお世話になっていた立場ですが、新たに「デザインの5段階モデル」と称し、より応用の効きやすいかたちでの再解釈と発展を試みています。今回はGoodpatch流再解釈である「デザインの5段階モデル」について、オリジナル版との違いと発展させた部分、そしてその背景を簡単にご紹介します。 「UXの5段階モデル｣（オリジナル）改め、 ｢デザインの5段階モデル｣ （Goodpatch再解釈）と称し、オリジナルからの破壊的変更はなるべく行わずにいくつかの再解釈と発展を試みています。モデルの抽象度合いを5段階に区切る発想とそれぞれの名称はそのまま継承し、特定
【悪いUI・良いUI】発想の転換から打開したアイデアまで【デザイン思考】｜Angry Breakfa$t
※某まとめサイトにてまとめていた記事の転用です BASENAME: 2150782012031271001 STATUS: Publish ALLOW COMMENTS: 1 ALLOW PINGS: 1 CONVERT BREAKS: richtext DATE: 12/06/2018 00:54:50 良い・悪いと思ったデザイン例からデザイン思考、デザインに関した事例などを多数サイトやSNSでの投稿を参考・引用してまとめました。 ■はじめにデザインに関する疑問や、ここでの前提をまずまとめていきます。 ―――デザインとは？ （design）の語源は、デ（de：削る）・ザイン（sign：形作る）である。これはラテン語で「私欲を削り落とし、本質を磨き上げること」を意味する。 出典 なぜゴッホは貧乏で、ピカソは金持ちだったのか? | 山口 揚平 |本 | 通販 | Amazon デザイン（de
世界一のカスタムナイフ作家から学ぶ「ナイフ入門」
1986年生まれ佐世保在住ライター。おもに地元の文化や歴史、老舗や人物などについての取材撮影執筆、紙媒体のお手伝いなど。演劇するのも観るのも好き。猫とトムヤンクンも好きです。 前の記事：赤城乳業チョコミントのこだわりからガリガリ君的な冒険話までを聞いてみました ＞ 個人サイト ヤマモトチヒロのブログ 鍛刀とは違うジャンル 鍛刀とカスタムナイフ。言葉の響きに軽重あれど、どちらも刀剣をつくる“職人技”ということに違いはない。 鍛刀は鉱物を掘り起こす「鉱山師」から鉄を加工する「刀鍛冶」、刀に装飾を施す「彫師」や鞘を作る「鞘師」など、さまざまな職人の手を経て完成する。 それに対し、カスタムナイフ（自作ナイフ）は、鋼材の切出しから研磨し、刃（ブレード）部分からハンドル（グリップ）までを作り出す（ここでは、日本で基本的な製法となっているストック＆リムーバル法についてふれる。後述するが、「焼き入れ」とい
デザイナーのタカヤ・オオタ氏とProgate新ロゴを作り上げるまでの道のり。制作過程を全部お話します！｜Progate
デザイナーのタカヤ・オオタ氏とProgate新ロゴを作り上げるまでの道のり。制作過程を全部お話します！ Progateはこの度、デザイナーのタカヤ・オオタ氏に依頼し、創業以来初のリブランディングを行いました。 新ロゴのコンセプトはProgateの新ミッション”Be the gate, be the path.”。 Progateがプログラミングというエキサイティングな世界へのゲート（入口）となり、さらにそこから自走するエンジニアになるまでのパス（道のり）となるという意味を込めて、入口のドアと道をひと続きに表現しています。 8ヶ月に渡るプロジェクトを率いたProgate社員のデザイナー大野と屋宜が、タカヤさんをお迎えし、新ロゴ制作過程を振り返りました。 今日は、制作過程を対談形式で一挙公開します！ タカヤ・オオタ 株式会社ケルン 代表。1989年沖縄県生まれ。大学卒業後、デザイン事務所で幅広
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインのしたじき
「あの人しかデザイン触れない」にならないためのデザインシステムづくり｜Cocoda
