知識０から、ちょっとUIデザインに詳しくなるnote｜やました
前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使
大人になってから絵が描きたい人のための三ヶ月上達法の前準備｜Rule_ppp
注意・キャラクターの絵が描きたい人のための記事 ・三ヶ月上達法をベースにしてます。イラストレーターのさいとうなおきさんが紹介しているものなので詳しくはこちら ・この記事でいう「絵が上手くなる」という言葉は、デッサン崩れがなくなったり、線が上手く描けるという意味 ・線画が上手くなるまでの話が中心なので、塗りの話ではない この記事の目的参考にしている絵描きさんの線、絵柄に近づけるようになる。 最初に話しておきたいことここは大人になってからキャラクター絵を描けたらいいな、って人のための記事です。というのも自分自身二十歳を越えてからキャラ絵を描き始めたからです。 ここ数年youtubeでのイラスト講座が増えてきて、それに色々自分の考えを混ぜ込みながら考えた説をこの記事で書いていきます。 三ヵ月上達法、これは他のイラストレーターもオススメと言っているようにかなり効率的だと思いますのでこれをしていくた
魔術として理解するお絵描きAI講座｜深津 貴之 (fladdict)
やればやるほど呪術化する、AI画像錬成について。 以下は、その道の専門家にはメッチャ怒られるかもしれない、雑なロジックと制御講座。 いちおうメジャーなサービスでは、共通して動作するノウハウ（DALL-E2, MidJourney, StableEiffusion, DiscoDiffusion, crayon, dall-e mini 他）。 雑に理解する画像AIのしくみ対話型のAIにとって、呪文プロンプトとは画像錬成の方向性ベクトルを定めるものにすぎない。 たとえば、以下は「I love apple」で錬成された画像の例である。どうにも、ふわっとしたものが出てくる I Love Apple「Apple」という方向性ベクトルは、「リンゴ」「青リンゴ」と「アップルコンピューター（旧レインボーロゴ」「アップルコンピュータ（新ロゴ）」など、複数の可能性を同時に持つからだ。 つまり、「Apple」
"牛乳パック"どっちが好きですか？｜内田 広由紀｜視覚デザイン研究所
一部内容修正につきまして 今回の記事も多くの反響をいただき沢山の方に読んでいただいたことを大変感謝しております。 このシリーズの趣旨は、デザインの過程をわかりやすくし多くの人にとって役立つスキルにすること、またジャンプ率などの「視覚スケール」を知って有効活用していただくことにあります。「視覚スケール」は商品パッケージから建築物のような大規模なものまで一貫して使える便利なツールです。 「視覚スケール」を説明するため、アンケートの方法や脳が選択するしくみについて、皆様に不安や誤解を招いてしまう表現があったと思います。これらを踏まえ、一部内容を加筆修正させていただきました。（記事での主張に関しての変更はありません。） 当室ではこれからもご意見・ご質問などをなるべく反映させながら、わかりやすい記事を作りたいと考えております。どうぞよろしくお願いいたします。 こんにちは。 絵本と美術書の出版及び、デ
RPGのレベルと経験値について
佐藤領 @sator これ終盤を絞るというよりは、「序盤に気持ちよくレベルアップさせたい」という理屈でそうされることの方が多い気がする。買い切り型と運用型で違う力学にはなるんだけど twitter.com/GDLab_Hama/sta… 2022-07-25 11:09:53 たかみん @minitan ゲームって同じ事やってても見せ方で面白さが変わるので、見せ方のうまい人はいい仕様を書ける。 例えば ・連続で遊ぶと経験値にペナルティが入るMMO と ・ログアウト時間に応じて経験値ボーナスが入るMMO どちらもログイン時間に制限かける仕様という意味では同じだけど後者の方が嬉しい。みたいな。 2022-07-25 11:47:26
個人開発で即戦力になるツール・サイトまとめ - Qiita
はじめに 個人開発もエンジニア自体の歴も浅いSEです。 就業先がJavaをメインで使う企業なのですが、個人的にフロントエンドまわりが好きです。 元々、興味本位でデザインの本だったりUXに関する本とかを読んでいたりするのですが、 その結論の際にたどり着いたのが、 「理論とか決まってるなら、それをよしなにやってくれるor参考にできるツールとかサイト探せばよくね」 という結論になりました。なんと怠惰な思考でしょうか。 そんなわけで、こちらではデザインに限らず、色々開発に便利なツールを紹介させていただきます。 （有名なのが多いかもしれませんが、ご容赦ください、結局有名なものに行き着くのです） レイアウト関係 1. Awwwards おしゃれなwebサイトが集まっているサイトです。 ここまで個人開発でお洒落にできたらいいなと思いますが、自分はアニメーションを考えるときや、 作りたいフロント側のデザイ
カスタマイズができるアイテム 家具・インテリア364件[タブルーム]
アワード受賞歴 グッドデザイン賞 ウッドデザイン賞 iF DESIGN AWARD(iFデザイン賞) red dot design award(レッドドットデザイン賞) キッズデザイン賞 IAUDアウォード JIDAデザインミュージアムセレクション FIRA(Furniture Industry Research Association) German Design Award(ドイツデザイン賞) IDEA Award(IDEAデザイン賞) universal design award recommended: UNIVERSAL DESIGN UNIVERSAL DESIGN COMPETITION Good Design Awards(シカゴ・グッドデザイン賞) Baden-Wurttemberg International Design Award(バーデン・ヴュルテンベルク州国際デ
Webデザインの有料学習サイトが無料化 IllustratorやPhotoshop入門などが見放題
chot.design上のコンテンツは、実際にWeb／IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで「変なオンラインサロン入る前にここで勉強してみてください！」とアピールしている。 無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。 ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler（東京都渋谷区）が事業を継承するとしている。 関連記事 穴埋め問題を簡単に作れるWebサイト、「試験勉強に役立つ」と話題に 教育系IT企業のCTOが作成 マウスやタッチ操作で直観的に穴埋め問題を作成でき
「粗いドット絵」「UDフォント」「パワポアイドル」──新年度だから教えたい、2022年に出てきた商用利用可なフリー素材
「粗いドット絵」「UDフォント」「パワポアイドル」──新年度だから教えたい、2022年に出てきた商用利用可なフリー素材 4月を迎え、2022年度がスタートした。新しい環境を迎えて、これまでとは違う製品を開発したり、毛色の異なる資料などを作ったりする人もいるかもしれない。そこで、フリー素材の活用を検討する人もいるだろう。 フリー素材といえば「いらすとや」や「Adobe Stock」などのサービスが有名だが、それ以外にもユニークなサービスが2022年にも続々と立ち上がっている。この記事では、ITmedia NEWSで過去に記事として取り上げた、22年から始まったフリー素材サービスを5つ紹介する。 元任天堂のデザイナーが手掛けた粗いドット絵の素材集 デザイン会社のNASU（大阪市浪速区）は、Webサイト「DOTOWN」（ドッタウン）で粗いドット絵の画像素材を提供している。食べ物や乗り物、人物、動
0→1フェーズで最も重要なサービスコンセプトのつくり方 | 実プロジェクトの事例付き｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
サービスを0→1でつくる上でまず必要になるのが、サービスのコンセプトづくりです。 いままで自社事業や様々な企業との共同プロジェクトを通じてサービスづくりに取り組む中で、サービスのコンセプトづくり、すなわちコンセプトメイキングのプロセスにもある種の型があることに気付きました。 このnoteでは社内ドキュメントである「サービスコンセプトのつくり方」の内容を一部NDAでシェアできない資料を除いて全公開します。 ＜コンセプトメイキングの大前提＞🧐 STEP１：コンセプトとは何かを知ろうコンセプトが何かを知る上で、コンセプトの立ち位置と役割を知ろうコンセプトそれ自体は様々な形があり、非常に漠然としている。 なので、コンセプトがそれ以外の要素とどういった関係にあるのか、どういった役割を果たすのかという観点からコンセプトとは何かを理解しよう。 まずサービスアイデアは下図のような構造を持っている。 ある
グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法
グラデーションを作成した時に、中央がグレーに濁ってしまうこと（グレーデッドゾーン）があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSグラデーションが算出される仕組み おすすめのカラーモード これらの知識を活用する 美しいグラデーションを生成できるツール 終わりに はじめに さっそくですが、CSSで実装したイエローからブルーの線形グラデーションをご覧ください。
ゆずたそ流スライドデザインTips集 - 下町柚子黄昏記 by @yuzutas0
この記事の趣旨 筆者（@yuzutas0）がプレゼンテーション資料作成をアシスタントに代行してもらうにあたって「こういう点に注意してほしい」という項目を列挙した。 自分のために書いた記事ではあるが、筆者と関わりがない方も、ぜひスライド作成の参考にしていただけると幸いだ。 もくじ この記事の趣旨 もくじ 背景 免責・参考資料 必読書 Tips 01: キーメッセージ Tips 02: コンセプト Tips 03: アウトライン Tips 04: PREP法 Tips 05: 免責事項 Tips 06: 自己紹介 Tips 07: 1スライド・1メッセージ Tips 08: 余白とグルーピング Tips 09: 余計な要素を削ぎ落とす Tips 09: 箇条書きではなく図や表にする Tips 10: x軸とy軸の慣習に従う Tips 10: カラーの慣習に従う Tips 11: カラーは6色ま
デザイナーさんが選ぶ好きなフォントランキングがこれ「わかるオブわかる」皆さんの好きなフォントもいろいろ挙がって楽しい
デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テスト設計チュートリアル/Test Design Tutorial
45分間で「ユーザー中心のものづくり」ができるまで詰め込む