fyi design memo @fyidesignmemo - Tumblr Blog

midjourneyでラフを描く

Seed値の得方

するとmidjourny botからダイレクトメッセージがくるので、そこからseed値を確認することができます。

midjournyではseed値と言うものが存在し、画像が出力された時点で全ての画像に割り振られます。また、同じseed値をプロンプトに組み込むことで元の画像と似た画像を生成することができます。こち […]

Seed値の使い方

以下のように，「参照画像のURL」,「参照画像を生成したプロンプト」の後ろに，今回得たseed値を加えます。

青矢印・・・画像のURL

黄色矢印・・・画像を生成したプロンプト

オレンジ矢印・・・seed値

Midjourneｙで，下のようなキャラクターをつくり，その上で自由にポーズを取らせられないかを追究しました。イラストACにAI生成の画像を投稿する〜描かせ方に技を磨く時代で描いたように，Midjourney で生成したイラストが審査に通

#midjourney

The visual technique library for visual technique lovers. Enjoy. Learn. Don't gatekeep.

コラージュ、ローアングル、画面分割などなど、色々な映像やクリエイティブや広告を表現手法ごとにソートできるアーカイブサイト。

#photography #movie #Tips

Best websites inspiration feed

英語フォント（Googlefontも多い）の種類別にWEBサイトが登録されています。

Montserrat + Adobe Garamond

Futura PT + Proxima Nova

とか、組み合わせパターンも紹介されています。

#font

こんにちは！i3DESIGNデザイナーチームです。今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。ユーザビリティチェックリスト｜i3DESIGN Designers｜note ユーザーを迷わす可能性があるUIデザインの「あるある」を取り上げ、改善案とセットでまとめた記事です。 note.com 「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上

【ユーザビリティをチェックしよう】

いくつかピックアップ。コーディング時に決めておくべきことも多かったです。

リンクとボタンを使い分けること

【リンク】

ユーザーが対象に影響を与えないアクション、画面遷移に使用

【ボタン】

ユーザーが対象のバックエンドまたはフロントエンドに影響を与えるアクション、データの操作に使用

スクロール時に重要な情報が隠れないようにすること

そのデータ固有の情報（ユニークであることを判別できる情報）が常に表示されるようにする

錯視を考慮して視覚調整を行うこと

単純な数値上での配置をするだけでなく、

・三角形の重心が中央にくるように配置する

・余白を細くする

・オブジェクトの大きさを不規則にする

などを行い、錯視が起きないように調整する。

ボタンの優先度を考慮して表現を変える

優先度などを考慮して見た目に差をつけ、それぞれがどのようなタイプのアクションであるかを素早く識別できるように。

#UI

ChatGPTで話題沸騰のAI。機械学習、ディープラーニングなどの技術の進歩が著しく、自然言語処理、画像認識、などの分野で、驚異的な精度と高速な処理能力を発揮しています。デザインのワークフローにおけるどんな課題を解決できるのかまとめました。

AIができることは以下のようなこと。壁打ち相手。

ChatGPT

　競合分析。プラグインを使用することで最新のデータを取得できるようになる。株価や最新のニュースを取得できるので、競合やトレンドの最新情報を聞くことができる。

ペルソナ作成。ペルソナを複数人作って、課題に感じている内容を議論させることができる。

ユーザーのジャーニー。質問を重ねるほど精度の高い答えを返してくれるようになる。

ユーザーインタビューの実施。作ったペルソナに呼びかける形でさまざまな質問ができる。

チェックリストを生成。デザイナーはアクセシビリティ、カラー、テキスト、一貫性、ユーザビリティなどの重要な要素をカバーできる。

ブランドステートメントのアイデア出し。

デザインガイドラインの執筆.

カラースタイルの生成.

テキストスタイルの生成。

Font sizeの基準値が14pxの日本語のWebアプリケーションがあるとします。プロダクトで使われる全てのテキストスタイルを考案してください。なおフォントは「M PLUS 1」を使用してください。1rem=14pxとします。

font-size, line-height, font-Weight, letter-spacingの4項目を定義してください。

Midjourney

細かい要件が決まっていればそれらの言葉をプロンプトに入れて、アイディエーションができるかも。

#Tips #AI

Kyashのデザインチームが主導して、組織として目指す像を「Kyash VisionDeck」として可視化しました。ビジョンやミッションが人によって捉え方が曖昧になっていたところから、Kyashの目指すものを言語や写真、イラストによって可視化することで、いわばバイブルのような位置付けのドキュメントになることを目指しています。

【ブランディング】「Kyash Vision Deck」の制作プロセス

体制：社内＋外部パートナー

課題：

「新しいお金の文化を創る」というビジョンと「価値移動のインフラを創る」というミッションの言葉の抽象度が高く、とらえ方がひとによって違う

会社説明資料やコーポレートサイト、登壇時のスライドには、毎回異なるイメージが使われていた

プロダクトで開発するものを決める時や、ユーザーの体験を考える際にも、ビジョンやミッションが判断基準として機能していなかった

施策：

Kyashの目指すものを可視化する、いわばバイブルのような位置付けのドキュメント「VisionDeck」の作成

「VisionDeck」の継続的アップデート

　　ー定義、整理、言語化

　　ービジュアライズ

プロセス：

過去のドキュメントのリサーチ

代表へのデプスインタビュー

目指すものと事業アウトカムの繋がりを確認

本質的で、わかりやすく、エモーショナルな言葉を探す

ビジュアライズ

VisionDeckの内容：

ビジョンとミッションの解像度を高める写真やステートメント

パーパス (=Kyashの社会的な存在意義) のみ新たに言語化

ブランドの全体像を可視化

:arrow_right:中期経営計画を立てる際にVision Deckに沿っているか？を判断軸として検討されています。

https://cocoda.design/hikichi/p/p6e3913d6c3c5 https://note.com/hikichikouta

#Branding

こんにちは。FASTCODINGデザイナーの七転び八重子です。はい。また、このテーマを扱う季節になりました。笑半年ごとに、Webサイトのベストな横幅サイズ（コンテンツ幅）を調べている私です。今回は、ブラウザのサイズ状況と合わせて、国内のメディアサイト・コーポレートサイトを調べてみました。

ファーストビューと画面幅をチェック

#Tips

こんにちは、SOMPO Digital Labデザインチームでプロダクトデザイナーをしている林です！私は入社1年目・チーム最年少のデザイナーで、現在は先輩のサポートデザイナーとして日々の業務に携わっています。私のターンでは、新米デザイナーとしての日々の学びの記録を更新していければと思っています。そんな学習記録の1つ目のテーマは「ユーザーの脳や認知の仕組み」についてです。ユーザーに寄り添ったデザインをするためには、デザイナーがユーザーの脳や認知の仕組みを理解していることが大切ですよね。「認知心理学」は、複雑なユーザー心理を理解するのを助ける重要な知見ですが、学問的な説明が多く、実

ユーザーの脳や認知の仕組みを活用したUIデザインテクニック

日本のサービスまたは日本語化されているサービス（WEB、アプリ等）のキャプチャと共にUIデザインのテクニックが紹介されています。例：優先度の高い情報は視覚的な区別をつけて目立たせる　／フォン・レストルフ効果

→NETFLIXは、最もユーザーに推奨したい料金プランを色で差別化しています。例：重要な情報は上部か下部に配置する　／系列位置効果

→ZARAのWebサイトでは、ナビゲーションメニューの最初と最後に「ベストセラー」「SALE」などの購買と直結しやすい重要なリンクを配置しています。例：二択で回答すると思い込みやすい設問では、選択肢にプルダウンよりラジオボタンを使う　／二分法の誤謬

→プルダウンで「連携する」という選択肢だけが見えている状態だと、実際に複数の選択肢が存在していても、ユーザーは「連携する」「連携しない」の二択であると勘違いしてしまう可能性があります。

#UI

こんにちは、SOMPO Digital Labデザインチームのデザイナーの金（https://twitter.com/seikei_kin）です。普段はUIデザイナー・ウェブデザイナーとしてサービスやプロダクトの開発・設計に携わっています。突然ですが、みなさんは真面目で、協力的で、積極性があって、物覚えがよい方でしょうか？あるいは最新のアプリの動向に詳しく、それらを使いこなせるリテラシーを十分にお持ちでしょうか？果たして自分はどうかと振り返ってみると、少なくとも自信をもってそうであるとは言えないのが正直なところです。なまけものかつわがままで、物覚えや察しも良くなく、実際、馴染みの

人間の特性に対して、UIの事例が紹介されています。

ユーザーは疑り深い人間関係と同様、ユーザーがサービスを快適かつ安心して使いこなすためには、両者間にある程度の信用関係が必要です。提供するデータや機能にはその根拠や証拠、理由を用意し、利用にあたっての懸念点を解消できるようにしましょう。

↓

対応例：エビデンスを提示する

対応例：細かなヘルプ導線を配置する

対応例：進捗を可視する

#ui #Tips