どうもご無沙汰しておりますせんざきです。 最近、デザインを見る訓練をすごく重視してやっています。 このテーマは、タイトルだけ書いておいて、まだ書く時じゃないなあと思いながら温めていたものです。 正直まだ、書く時じゃないなあという感じもするのですが、どういうことなのか言語化できそうな段階まで来たので、メモがわりに書き起こしていこうと思います。 はじめにまず、「デザインを見る訓練ってなんやねん」っていう話をします。 本当にここ数ヶ月、デザイナーにとっての見る力の大切さを日々感じているんです。 このツイートは、見る力について書いていて、結構反響があったものです。 原研哉さんが運営してる低空飛行っていうサイトがあるんですけど、ここの写真や映像、iPhoneで撮ってるらしい、、 目が良ければiPhoneでもこんなに綺麗に撮れるんだなあhttps://t.co/S7WBO3JSG8 pic.twitt
多くのアクセスがあったので無料化しました 要求定義テンプレも記事内でDLできます。 はじめにはじめましてUX プランナーのShoty(@shoty_k2)です。 今回は「要求定義」をつかった、UX デザインについてご紹介します。 実践用テンプレートも記事内にて配布しておりますので、参考にしてください。 「要求定義」とは要求定義とは、「事業や施策によって実現したいこと」です。ユーザーにどのような状態になって欲しいのか・何をしてほしいのか、ビジネスで何が必要なのかなどを取り決めることです。 要求定義という言葉は、もともとはシステム開発の現場では頻繁に使われている単語で、非技術者の企画者がシステムに求める仕様を定義することです。 「要件定義」と「要求定義」の違い多くの方が「要件定義」という言葉を聞いたことがあるかと思いますが、「要件定義」と「要求定義」の違いについてご存知でしょうか？ ★要件定義
デザイナーやエンジニアの作業効率が向上するFigmaの運用方法を考える｜osanai / ui designer
カンムでプロダクトデザインをしている osanai です。こんにちは。 前回ご紹介したコンポーネント品評会により、デザインシステムにおけるコンポーネントの課題について議論が進み、不必要なコンポーネントが生まれにくくなり、デザインの意図が汲み取りやすくなりました。 品評会をしていると、しばしばデザイナーとエンジニアで「Figma でもっと効率よくできないかな」という話題が出てきます。例えば「コンポーネントの Variants のパターンをパット見で把握したい」「目的のページやコンポーネントにもっと素早くアクセスしたい」などです。 運用方法に関する課題に対して少しずつ改善に取り組み続け、徐々にですが Figma でのデザインシステムの管理が効率化されつつあります。今回はこれまでに実施した Figma の運用効率化の取り組みをご紹介します。 プラグインで解決編目的のページやコンポーネントに素早く
ユーザー体験的なものをストーリーで整理し次にUIを作成するとき、閲覧・参照系より先に新規作成のUIから考える、というケースをときどき見かけます。 これ、すごい違和感あります。 ストーリーにおいてユーザーはまず新規作成するので、そのまま新規作成から着手してしまう、といったところでしょうか。 その場合、新規作成の目当てたるオブジェクトの姿が曖昧になりがちです。 そうすると、新規作成画面にしか存在しない特殊なレイアウトやコンポーネントや、特に意図がない冗長なモーダルができあがることが多いと感じています。 目当てが定まっていないうちから、それをどう作るか、どう編集するかを考えるのって難しくないですか？ 考える順番閲覧・参照系のUIを先に作ることで、それが新規作成や編集の目当てとなり、効率よく良いデザインしやすいと感じています。 例えば、私の場合、以下のように考えを進めることが多いです。 まずは「R
[深津さんから教わった！]フィッシュボーン図で課題を整理する｜Shino | Software Designer
マネーフォワードでは、THE GUILD代表の深津貴之さんをアドバイザリとして招き、日頃からサービスデザインに関する助言をいただいております。 先日は、社内のサービス開発力の底上げを目的とし、フィッシュボーン図を使った課題整理のワークショップを行っていただきました。 PM、デザイナー、ビジネスのメンバーを中心に、100名近くが参加しています。 今回はそこで学んだ内容をご紹介します。 表面的に対処してしまう問題 プロダクト開発の現場には、日々さまざまな要望が届きます。 それらに対処する際に気をつけたいのが「表面的に対処してしまう問題」です。 例えば次のようなケースです。 ユーザーが「検索機能を強化してほしい」と言ったので、パワフルな検索オプションを搭載しました。ユーザーの声にそのまま従っており、その背景にある課題は分からないままです。 機能は追加したが効果がでなかった、効果がよくわからない、
![[深津さんから教わった！]フィッシュボーン図で課題を整理する｜Shino | Software Designer](https://cdn-ak-scissors.b.st-hatena.com/image/square/6523460e346c6d5bcc1abae1a494e29f771cac67/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F48408702%2Frectangle_large_type_2_8c9ce465cde76a27143ab6529dad285c.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
QRコードをデザインする新しい方法で、かなり自由にデザインしてQRコードを作成できるオンラインツール -QR code designer
QRコードをかなり自由にデザインして作成できるオンラインツールを紹介します。他の今までのツールはエラー訂正レベルを使用していましたが、本ツールは違います。 先日リリースされたばかりの最新ツールです！ カラーを変更したり、文字や図形を加えたり、画像やパターンなどを加えてデザインすることもできます。日本語を使用してデザインすることもできるので、非常に便利です。 QR code designer QR code designer -GitHub QR code designerは、QRコードの中央部分にカスタマイズしたデザインを加えてQRコードを作成できるWebアプリです。文字・図形・背景だけでなく、画像・パターンなどを加えて自由にQRコードをデザインできます。 MITライセンスで、商用プロジェクトでも無料で利用できます。
Microsoft、画像生成AI「DALL-E 2」を活用したグラフィックデザインアプリ「Microsoft Designer」を発表─テキストからデザイン生成 | 知財図鑑
米Microsoftは現地時間2022年10月12日、グラフィックデザインアプリ「Microsoft Designer」のローンチを発表した。 「Microsoft Designer」は、OpenAIの「DALL-E 2」などの画像生成AIテクノロジーを利用し、シンプルなテキストを入力するだけでユニークなデザインを即座に生成できるクリエイターツール。面倒なデザイン作成をAIに一任できるほか、1億以上の画像や動画で高品質のビジュアルを実現し、固有のデザイン機能の有無にかかわらず一貫性のある整序された美しいデザインを生成できる。 同社によれば、同アプリは、プレゼンテーションソフトウェア「PowerPoint」のデザイナー機能を拡張したもの。本機能は、プレゼンテーション時にAIがテンプレートを提案するもので、現在は80億を超えるスライドデザインが存在している。 画像やテキストなどのコンテンツを追
「OSS = パクリ」の発言がなぜエンジニアを怒らせるのか｜田畑浩平 | iOS Engineer x Designer｜note
以前、有志の方が立ち上げた福井県新型コロナウイルス感染症対策サイトをパクリと発言し炎上、という方がいましたが、大阪府がCode for Osakaの協力を得て立ち上げた大阪府版のサイトについても、同様の発言をして炎上した方がいるようです。 「OSS = パクリ」発言が炎上を繰り返すのマジで無益なので、エンジニア・非エンジニアの溝を埋めるべく、この記事を書いてみました。 OSSとは？OSSとは、Open Source Softwareの略称で、ソースコード(＝コンピュータ・プログラム)が公開されており、目的を問わずソースコードの利用・修正・再頒布が可能なソフトウェアのことです。 対義語はプロプライエタリ・ソフトウェア。 (例：Microsoft Word、Adobe Photoshopなど) Twitterのサーバ(ツイートなどのデータを保存している大きいコンピュータ)のOSはLinuxとい
A graphic design app that helps you create professional quality social media posts, invitations, digital postcards, graphics, and more. Start with your idea and create something unique for you.
GAFA他のトップデザイナーのPortfolioまとめ(2020年版)｜Masaki Iwabuchi, Speculative Vision Designer in NY
これまで、海外デザインスクール出願や、アメリカでの就職のために海外のデザイナーやパーソンズのクラスメイトのポートフォリオをまとめてきたが、早パーソンズ美術大学を卒業し、アメリカでの社会人キャリアが始まったので、今アメリカでトップとして認識されるサービスの企業（GAFA, Uber, Spotify.. etc）のUX/UIデザイナーのポートフォリオをまとめておく。 例えばFacebookのプロダクトデザイナーともなると、給料も平均で年俸2000万近くなり（+福利厚生）、ソフトウェアエンジニアと同程度の待遇となる。マネージャークラスは2000万〜もざらである。トップ企業で働くことは収入を安定させるほか、そこで行った何億人ものユーザーに向けたプロジェクトは、それ自体が非常に強い自分のブランディングツールとなり、次の転職にも有利に働く。 デザイナーのそういった高待遇を求める形で、美しいポートフォ
入力支援ツール・textlintを導入したら、テキストコミュニケーションを磨く時間をたくさんかけられるようになった話｜BASE DESIGNER
入力支援ツール・textlintを導入したら、テキストコミュニケーションを磨く時間をたくさんかけられるようになった話 こんにちは。 Communication Design GroupのUXライター藤井です。 「ことばによるコミュニケーション」領域を担当しています。 UXライターが担う役割としては、直接的、間接的を問わず、あらゆるタッチポイントにおけるテキストコミュニケーションの体験をデザインすること。 前者はBASEの管理画面やメール、LPなどプロダクトすべてのタッチポイント、後者はイベントや営業資料をはじめとする、間接的なBASEとのタッチポイントが挙げられます。 では、具体的にはどんな業務をおこなっているかというと、「テキストコミュニケーションをデザインする」をキーワードに、デザインシステムの一環として「運用ガイドライン」「用語リスト」を作成、タッチポイントごとに担当を分け、最終レビ
妻の手書きのフリーフォントができました。 「ちひろもじ」(命名妻)です。ここからDLできます。 ・商用 個人利用 可 ・OS Windows / Mac ・形式 TrueType ・ひらがな◯ ・カタカナ◯ ・漢字◯(中学2年まで) きっかけ 妻とは出会ってから9年ぐらいになります。 付き合ってる時も結婚して生活を共にしてからもずっと気になってたことがありました。 めちゃくちゃ字がかわいい バランスが偏ってたり跳ね部分が一直線だったり、間隔が空き過ぎていたり、どこかしら崩れているのに、可読性もちゃんと合って文字として認識できる。 そんな妻の字を見かけるとくすっと笑いが出てくるので、時々見かけてはほんわかと和んでいました。 妻の職場でもそれはたびたび話題にあがり、彼女の上司もその文字をフォントとして残しておきたいと、冗談まじりに言っていたりしました。 フォントにできたらおもしろそう。 私
マイクロソフトは2022年10月、PowerPointのデザイン機能を切り出し、クラウドベースで「Microsoft Designer」を公開した。当初は利用するのに待機リストへ申請する必要があったが、現在はMicrosoftアカウントを持っていれば誰でも無料で利用できるようになっている。 OpenAIの画像生成AI「DALL·E 2」を利用し、イメージする素材を瞬時に生成してくれるので、クリエイティブの時間が圧倒的に短縮できる。 例えば、イベントの告知に入れるイメージ画像やSNSに投稿する画像などは、そこまで手をかけるのもコスパが悪い。そんな時は、「Microsoft Designer」でサクッと作ってしまおう。 Microsoft Designerの使い方 「Microsoft Designer」のウェブサイトを開いたら、「New design」をクリック。「Describe the
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインを「見る」訓練をしている話。4つのステップと勉強法｜せんざき｜n2p designer
「要件定義」のまえに、「要求定義」｜しょーてぃー/ Experience Designer
AIがデザインしてくれる「Microsoft Designer」、待機リストへの登録なしで利用可能に／「Microsoft アカウント」さえあれば誰でもすぐ、無償で始められる
絵心いらずで基本無料。AIがやってくれる「Microsoft Designer」アプリ
UIは閲覧画面からつくろう。｜Shino | Software Designer
【Mac Info】 Illustrator代替アプリの筆頭！「Affinity Designer」を使おう
Microsoft Designer - Stunning designs in a flash
妻がipadで手書きフォントを作った話｜siori designer
狙ったデザインが一瞬で完成する、生成AI搭載のアプリ「Microsoft Designer」 [てっぱんアプリ！]
![狙ったデザインが一瞬で完成する、生成AI搭載のアプリ「Microsoft Designer」 [てっぱんアプリ！]](https://cdn-ak-scissors.b.st-hatena.com/image/square/62c148a5721d6b4585fa6bdd67aece2789139852/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1536%2F503%2Fthumbnail.jpg)
AIでイメージ素材を自動生成できるMSのデザインツール「Microsoft Designer」を使う
【笠原一輝のユビキタス情報局】 Surface Laptopのキーボードがモバイル化。ボタン電池で3年使える「Designer Compact Keyboard」を買ってみた
