2019/09/14 UX MILK Fest 2019 登壇資料です
情緒の設計
2019/09/14 UX MILK Fest 2019 登壇資料です
System UIcons
System UIcons A growing collection of simple and consistent icons specifically designed for systems and products. Use how you want, without attribution.
プログラム言語のマスコット、ロゴ あなたはPCにステッカー貼ってますか？ 利用言語を愛していますか？ 言語のOSSにプルリクエストを送るためなら睡眠時間を削れますか？ そんなあなたに送るプログラムマスコット`sです。 きっかけはUTme!で自作Tシャツを作りたいと思っていた時に、プログラマーが目にするマスコットアニマル`sという記事を見たこと。 あと、三連休なのに予定がないからだZE(2019/07/14) Gopher （Go） マスコットといえばgopherくん。 ドット絵と寸胴ボディの親和性がGood。 "gopher" by Renée French CC-BY-3.0 Duke （java） Go言語のライバル？でもあるjavaのDukeさん。 マザー2のザコキャラ感がすんごい。 "Duke" by Sun Microsystems BSD rustacean （rust） ru
脱初心者のためのUIデザインの心得
#UIのじかん https://graspy.connpass.com/event/138971/
The Component Gallery
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
「えっ、そこ…体内じゃないの…？」ペットのエビが体内（?）を手でポリポリ掻いているところを見てしまい衝撃だったが詳しい解説に納得
ガウ @rebel250s_new 生き物色々大好き野郎です。 爬虫類、両生類、奇蟲etcガンプラ、アニメ、スノボー、ボードゲーム、BBQ、旅行、アウトドア、インドア関係無しに多趣味で色々やっています 無言フォローすみません(´；ω；｀)生き物垢100%フォロバさせていただきます(´º∀º｀)
【デザイン初心者向け】入社して初めて作成したアイキャッチ、先輩からのフィードバックをすべて公開します！ こんにちは！ そして、初めまして！ 今年の6月より社内制作チームのデザイナーとして入社しました、えびちゃんと申します。LIGのデザインスクール「デジタルハリウッドSTUDIO by LIG」でWebデザインを学び、未経験でLIGに入社いたしました！ 社内制作チームでは、LIGブログの記事の一番上やサムネイルとして表示される画像（アイキャッチと呼んでいます）やバナーなど、社内で使用する制作物を作成しています。 私が入社して初めて作成したのは、「現役デザイナー厳選！デザインを勉強したい人におすすめの本23選」という記事のアイキャッチでした。このアイキャッチ制作には、デザイン初心者が陥る悩み・学びがたくさん詰まっていました。そこで、先輩デザイナーからフィードバックを受け完成するまでの過程を共有
Cocoda
200+ DESIGN behindsCocodaは、デザインの裏側をまとめた事例集です。 日本を代表するデザイン組織から、200以上の事例が公開されています。 CONTENTS デザインの裏側をまとめた 200以上の事例ブランドから、プロダクト設計、デザイン組織の立ち上げ...。様々なデザイン領域の深い事例が、日本で最高峰のデザイン組織によって掲載されています。 RECOMMEND あなたの興味に合わせて デザイン事例をおすすめあなたの興味に合わせて、豊富なデザイン事例の中から ピッタリなコンテンツをおすすめします。 MY LIST 自分好みのリストに まとめるコンテンツの中でぴったりなものを見つけたら、あなただけのリストを作って、いつでも見返すことができます。 GET STARTED さっそくはじめる
デザイン業務ではしばしば“奇抜さ”が求められることがあります。人間は常に新しい形や刺激的な表現を求めていて、誰もが思いつくようなものでは受け入れられないことも多々あります。そのことは十分に承知の上で、私は良いデザインとはどこか“普通の形”をしているものだと考えています。普通というとなんだかネガティブにも捉われがちですけれども、環境に融け込んでいて違和感がないという意味で、普通であることはデザインの目指すべき一つの姿なのではないかと思います。はじめ奇抜な形をしていたものが次第に社会に受け入れられていって、いつからか「普通」になっているようなこともあります。｢新しくあること」と「普通であること」は必ずしも二項対立の関係ではありませんが、どちらを取るべきかでしばしば頭を抱えてしまうデザイナーは私を含め多くいらっしゃるのではないでしょうか。 UIデザインの世界を見てみても、やはりどこか「普通ではな
ジャンプの漫画学校講義録③読み手に負担をかけないネームの作り方 - ジャンプの漫画学校
週刊少年ジャンプ・ジャンプSQ.・少年ジャンプ＋編集部は、2020年度より、漫画家を対象とした創作講座「ジャンプの漫画学校」を開講しています。 第1期の全10回の講義より、一部を抜粋し、本ブログで順に公開していきます。 今回は「基礎編③漫画の「絵・コマ割り」について」から一部を紹介いたします。 半世紀以上にわたって多くの人気作品を輩出してきたジャンプの持つ経験やノウハウが、クリエイターの皆様の漫画制作の一助になれば幸いです。 【講師】 週刊少年ジャンプ副編集長 齊藤優 ＜主な担当作品＞ 『黒子のバスケ』『ニセコイ』『ぼくたちは勉強ができない』『ヘタッピマンガ研究所R』など。 コマ割りはこの５つを覚えるべし！ 齊藤 僕は運のいいことに『アイシールド21』（稲垣理一郎・村田雄介）、『銀魂』（空知英秋）、『黒子のバスケ』（藤巻忠俊）、『HUNTER×HUNTER』（冨樫義博）、『ワールドトリガー
Webデザインギャラリー WebデザインギャラリーサイトStockでは、 Webデザインの現場で参考になる日本の優れたWebデザインを集めております。 あなたのインスピレーションを刺激してみてください。
僕にとって、デザインのプロセスの中でもアナログなラフ描きが欠かせません。手描きに込められた線には能動的な意思があって、それが結果的にデザインに宿ると思うからです。手描きラフに着手した途端に没入して元気さえでてきます。ああしたいこうしたいと、言葉や素材を吟味しながら「体重のせて描く」感じがいいのですよね。 そしてそのラフは、必ずとっておきます。手描きのラフは何回も書き直すので、思考とブラッシュアップの変遷が手に取るようにわかります。それをチームで共有すれば、学びの教材にもなります。 このnoteでは、僕が普段取り組んでいるラフ描きの取り組み方を紹介するとともに、一部のラフを公開したいと思います。 ラフの取り組み方 1. 消さない アナログは消すのが面倒なのでアイデアをどんどん出すことに集中できます。デジタルはすぐデリートできるので、アイデアの源泉の段階でちまちま編集をしてしまうという落とし穴
Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい（≒Webフロントエンドエンジニアにやさしい）デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき
Adobe XDで簡単なアニメーションを作る方法を超丁寧に解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのしーちゃんです！ 以前初心者でも作れる！Adobe XDを使って簡単なアニメーショを作る方法の記事を書きましたが、皆さんご覧になりましたでしょうか？ 色々調べた結果、まだまだXDでできるアニメショーンがありましたので、今回もサイトのメインビジュアルにつけるアニメショーンを紹介したいと思います！ このアニメーションの特徴 イラストに動きをつけることで、おしゃれ・先進的といったイメージや、ストーリー性をサイトに持たせることができます。 サンプルのデザインから作ります。 こちらのアニメショーン作るときのポイントは、イラストをそれぞれのパーツに分けることです。分ける理由は、自動アニメショーンを付けるときに一個ずつのパーツを順番に動かすためです。 各パーツのデザインが完了したら、アートボードを選択し、コピー＆ペーストして複製。複製したアートボードを選択し、タイトルとテキストを
はじめに 仕事でWebサイトを作った際に、 デザイン案で非常に参考にさせて頂いたサイト様をまとめました。 Parts. SaaSのサービスサイトやLPを中心としたデザインの参考サイトです。 部分ごとにパーツやセクションごとのデザインが載っているので、 探しやすくとても参考になりました。 動くWebデザインアイディア帳 「動かしたいパーツ」ごとの逆引きリストを扱っているサイトです。 機能的 or 印象的で有効なデザインが多数載っており参考になりました。 ※注意として 動くWebデザインアイデア帳のサイトは、書籍に明記している通り「3年間の期限付き」です。 （※書籍の売れ行き次第で変わります。） ちなみに実践編の方ですが、私も書籍を購入させて頂きました。 Web Design Trends(ウェブデザイントレンド) Webに関わる全ての人のためのメディアです。ウェブサイトの制作やデザインに役立
Cookpad主催「Product Kitchen #4 ユーザー体験を支える検索・マッチング技術」でお話した内容です。 株式会社メルカリ Tairo Moriyama（森山 大朗） https://twitter.com/tairo
Bot と一緒にインタラクティブに GitHub を学べる GitHub Learning Lab は素晴らしい学習体験だった - kakakakakku blog
新しく技術を学ぶときに「どんな第一歩」を踏み出すか．僕は「体系的に学ぶ」ことが好きで，技術書を読むことが多い．全体感を把握することで安心できる性格であることも関係していると思う．さらに「実際に体験する」ことも好きで「学習コンテンツ」をよく使う．今までもチュートリアルサイト，Katacoda，YouTube など，いろいろ試してブログにまとめてきた．また現在は講師という仕事柄もあり，どのように「学習コンテンツ」を構成すると学習体験を高められるのか？という部分に強い興味関心があることも関係している． GitHub Learning Lab とは？ 今回は GitHub から提供されているプラットフォーム「GitHub Learning Lab」を紹介する．GitHub / GitHub Pages / GitHub Actions など，GitHub 関連のコースが揃っているし，さらに HTM
東京・代官山の「代官山 蔦屋書店」にて、「ボトルライト」が発売されています。 ドイツ発、日本初上陸の電池式LEDライト。ワインやウィスキーなどの空き瓶の口から本製品を差し込むと、おしゃれな照明に早変わりします。 バリエーションは2種類。25色の調光とグラデーション機能を搭載した「ボトルライト vivi-LED レインボーBOT05」と、簡単操作で2段階の明るさの調整が可能な電球色の「ボトルライト ウォームホワイト・ブライトBOT04」です。 光源はLEDなので、単3電池3本で100～120時間も発光。また耐水性があるので、室内だけでなくアウトドアでも使用できます。 本体自体は軽くスタイリッシュなデザイン。ご自宅のインテリアにはもちろん、差し込む空き瓶によって雰囲気の違いを楽しめるのでレストランやバーの照明としても活躍します。 「ボトルライト vivi-LED レインボーBOT05」は、製品
ぼくが６つのとき、よんだ本にすばらしい絵があった。『ぜんぶほんとのはなし』という名まえの、しぜんのままの森について書かれた本で、そこに、ボアという大きなヘビがケモノをまるのみしようとするところがえがかれていたんだ。だいたいこういう絵だった。「ボアというヘビは、えものをかまずにまるのみします。そのあとはじっとおやすみして、６か月かけて、おなかのなかでとかします。」と本には書かれていた。 そこでぼくは、ジャングルではこんなこともおこるんじゃないか、とわくわくして、いろいろかんがえてみた。それから色えんぴつで、じぶんなりの絵をはじめてかいてやった。 背景色がそれぞれ、上は#000、下は#333になっています。 上は長文を読んでいるうちに、目がチカチカしてきませんでしたか？ 人間の目は、光とその屈折量で色を判断します。 より明るいほうに適応しようと調整するので、その対角である#000はどうしても目
アクセシビリティに配慮したWebデザイン ギャラリー・サイト AAA11Y（Accessible Website Gallery）
A最低限の基準です。この基準を達成しないとWebサイトを閲覧できない人が存在しうるとされます。 AA望ましい基準です。この基準を達成すればWebサイトの閲覧が困難なケースは多くないとされています。 AAA発展的な基準です。この基準を満たすと最も閲覧しやすいWebサイトと言えます。
ソーシャルディスタンスを表す図はどう描かれているか
新型コロナの流行で、最近急に出てきて一気に広まった概念「ソーシャルディスタンス」。 感染予防のため他人と距離をあけましょう、というものだ。 急に出てきた概念なので、トイレのマークみたいな、決まった図がない。どんなふうに図示されているか、街中の張り紙から調べてみた。 インターネットユーザー。電子工作でオリジナルの処刑器具を作ったり、辺境の国の変わった音楽を集めたりしています。「技術力の低い人限定ロボコン（通称：ヘボコン）」主催者。1980年岐阜県生まれ。 本『雑に作る ―電子工作で好きなものを作る近道集』（共著）がオライリーから出ました！ 前の記事：サプリメントを美味しくする ＞ 個人サイト nomoonwalk いろいろなソーシャルディスタンス 事例を集めるために街中を歩き回って……ができないのが昨今の辛いところである。 そのかわり、GW中に、デイリーポータルZをはげます会、それからTwi
デザイン研究所 | 読んでデザインを学ぶ参考ブログ
タグ WEBデザインおしゃれかっこいいアートイラストレーターインパクトカラフルクールコントラストシンプルチラシバナーフォトショップフライヤーポスターポップ中級編中級者向け初心者向け反復名刺女性向けデザイン整列男性向けデザイン落ち着き資料近接
エンジニアリンググループ 新規プロダクト支援チーム所属の荒谷(@_a_akira)です。 あまり知られていないかもしれませんが弊社では、2019年末から既に6つの新規アプリをFlutterで実装しリリースしています。 先日リリースされたデジカルスマート診療(以降デジスマアプリ)という医療機関向けに予約やキャッシュレス決済を導入・利用できるアプリもFlutterで作成しています。 digikar-smart.jp このサービスの立ち上げからリリースまでの開発期間は約3ヶ月で開発側の人数もPdM1人、アシスタントPdM1人、デザイナー1人、バックエンド2人、WEB フロント(クリニック向け管理画面)1人、アプリ(患者向け, Flutter)1人の構成で開発しています。 このあたりの開発体制については先日記事が上がっているので興味のある方はそちらを見てみてください。 www.m3tech.blo
実務で生成AIサービスを開発してわかったこと
生成AIを使ったサービスを開発してわかったことをメモしておきます。 開発したもの 業種 SaaS 課題 提供サービス内でユーザーがアイディアを考えることが難しかった。様々なデータを人力で集めてくる必要があった 解決策 アイディア起案に繋がりそうなデータを自動で集めてきて提示する。手法はベクトル検索、AIによる要約生成。 その他 チャットUIは作っていない。ユーザーの入力は最初の検索テキスト入力文のみ。 開発前の検証・プロトタイピング 開発する前に生成AIの出力を検証することが必要 生成AIの出力の質はサービスの肝だから 生成AIの出力は事前の予想と違うこともあり早い段階で出力を確認しておかないと後々の仕様変更があったときにキツイから AIに渡すデータの中身を確認しておく 例えばRAGを使って社内ドキュメントやDBを検索する場合、それらのデータの中身を吟味する必要がある 必要なデータと不要な
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回のテーマは「GPT4oを活用したウェブサイトづくり」です。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回は先日OpenAIが発表した新たなAIモデル「GPT-4o」を使ってウェブサイト（LP）を作成してみました。GPT-4oのパフォーマンスを知ること、そしてデザイナーが生成AIとどう関わっていくべきかを探るきっかけにすることが、今回の目的です。 前提として「GPT-4o」がゼロベースでウェブページを作成することに向いているツールではないと思いますが、チュートリアルの要素と今後の可能性を知るためにあえて取り組んでみました。 GPT-4o
デザイントレンドは変わっていますが、グラデーションはとてもナチュラルな見た目と多様性に富んでおり、いつの時代も愛されるデザインスタイルです。 この記事では、美しいグラデーションを作成する基本ルールと、手軽に利用できるグラデーション作成オンラインツールをご紹介します。 全シリーズはこちら。 しっかりマスター！美しいグラデーション作成徹底ガイド【Illustratorグルーバルカラー編】 しっかりマスター！美しいグラデーション作成徹底ガイド【Illustrator実践デザイン編】 美しいグラデーションって、なんだろう？ グラデーションには良くて美しいものもあれば、悪くてひどいものもあるでしょう。 良いグラデーションとは、ナチュラルで調和のとれた美しいなめらかな色の変化のことを指します。 プリント印刷でグラデーションを表現するときの技術的な問題を防ぐのにも役立ち、画面スクリーン状で見たときにも魅
🙏 注意 🙏 この記事で紹介しているプラグインの仕様は２０２１年時点のものです。最新版とは仕様が異なる場合があります。 どうも！Yangと申します。 Feedforceという事業会社で、データフィード管理SaaSのプロダクトデザイナーをやっています。 この記事は「Figmaアドベントカレンダー」13日目の記事です🎄 昨日の投稿は@aizawa213さんの「Figmaプロトタイプ入門」でした🥂 最近、苦手なグラフィックデザインの練習も兼ねてFigmaでちょっとしたグラフィック制作をはじめてみました。 今回はその制作過程で使用しているプラグインやFigma自体の機能を、具体例とともに紹介させていただこうと思います。 他の方が技術的かつとても有益な記事を書かれている中、勢いで書き上げた拙い文章かつn番煎じな内容で大変恐縮ですが、少しでも誰かの役にたてば幸いです・・・。 実際の制作物このレ
ついに2021年がやってきました。Webデザインのトレンドの移り変わりはとても早く、数年でトレンドがガラッと変わることもしばしばあります。必ずしもトレンドに合わせたデザインを制作する必要はありませんが、知識として押さえておくことによって、選択肢が増え、デザインの幅を広げるためのヒントとなります。 2020年はコロナウイルスの影響もあり、様々なものがオンラインに移行されたり、リモートワークが一般化するなど大きな変化の年となりました。それに合わせて、Webサイト、Webデザインの重要性も高まってきているのではないでしょうか。ぜひトレンド情報をチェックして、ご自身のWebデザイン制作に活用してみてください。 では、2021年に流行する最新のWebデザインのトレンドをご紹介していきます。 【 NEW：2022年版を公開しました 】 2022年に流行するWebデザインの最新トレンド10個まとめ 20
ここ最近はざっくり言ってしまえばフラットデザイン2.0、マテリアルデザインが主流になっていると思います。 視認性もよく操作もしやすいのが好まれる傾向になっています。 そんな中でこれからあるいは、今も流行っているものもありますが2020年で流行するwebデザインを紹介したいと思います。 正直webデザインの流行ってすぐに広まるものでもないと思うのですでに流行っているものも紹介しています。 なるべくサイトも載せていこうと思いますが、ページが更新されて違うデザインになっていたり、サイトがなくなってしまっていたらごめんなさい。 ・ダークモードに対応したデザイン ios13からiphoneでもダークモードが搭載されました。 すでに対応しているサイトもありますがまだまだダークモードに対応していないサイトが多く見られます。 目に優しいから、かっこいいからなどの理由で利用している人は多いと思いますのでこれ
ゲーム制作の先輩方によく言われることこんにちは、避雷です。インディーでゲーム開発者をしている大学生です。僕の通っている大学はゲームを作る勉強をするタイプの大学ではなく一般的な総合大学なので大学ではあまりゲーム開発について学ぶ機会はないのですが、最近は可能な限り色々な開発者に会って話を聞くようにしています。彼らの多くは僕よりも年上で（もちろん年下で僕より強い人間もたくさんいます。例のカカシ先生の画像を頭の中で想起しておいてください）若いころにやっておいた方が良かったことを色々と教えてくれたりするので大変勉強になっています。 彼らは当然個々で経てきた人生が違うので、僕にくれるアドバイスもまたバリエーション豊かなものなのですが、その中で割と頻発するアドバイスがあります。 「短い期間でプロトタイプを沢山作れ、グラフィックは雑で良いから中身だけできたらまず公開しろ」 「グラフィックとか細部がいくら良
一人で年間200冊！ ブックデザイナー井上新八の過密をきわめる鬼ルーティン２４時間｜サンクチュアリ出版 公式note
書店さんに並んでいる、 数えきれないほどの本。 そのうちの１冊を、 なんとなく、 吸い寄せられるように、 パッと手にとってしまった。 そんな経験はありませんか？ 実はそこには、 デザインの魔法が存在しているのです。 こんにちは。 サンクチュアリ出版編集部の大川美帆です。 今回、お伝えしたいのはこの方について。 井上新八（いのうえしんぱち）1973年東京生まれ。フリーランスデザイナー。和光大学在学中に飲み屋で知り合ったサンクチュアリ出版の元社長・高橋歩氏に「本のデザインしてみない？」と声をかけられたのをきっかけに、独学でブックデザイン業を始める。大学卒業後、新聞社で編集者を務めたのち、2001年に独立してフリーランスのデザイナーに。以降、サンクチュアリ出版にデスクを置きつつも、社員ではなくフリーな立場でデザインワークを行っている。趣味は映画と酒とアニメとドラマとちょっぴりゲーム。年に一度、新
AI画像生成とワールド制作｜るら
自宅用に使えるワールドをBoothで販売してたりします。 ワールド制作の役に立つかなー、と思ってAI画像生成に手を出してみた、という次第です。 DALL·E 以前からAI画像生成自体、ワールド制作の何かに使えそうだなー、とうっすら考えていたところ、DALL·EというAI画像生成のサービスの噂を聞き、Waitlistに並んで3ヶ月ほどが経ちました。 そして先日、ついにアクセス権を手に入れた…！！ とりあえず試してみると… え……すご…（言葉を失う）いや、なにこれ、すご… もうなんにでも使えるじゃん。 よっし、いろいろ試すぞー！！！ …となっていたところだったのですが、ベータテストと方針が変わり、無料体験分を使い切ると15＄で115回分のチケットを購入する、という方式になっているようでした。 まー、そりゃそうだよねー。サーバー負荷とかすごそうだし… 凄い画像を生成できるならそれでも安いかー で
TLDR: Material Designをカスタマイズして利用した話 最近、デザインシステムって言葉よく聞きますよね。airbnbではDLSというデザインシステムを持っていたり、UberはBase Webというデザインシステムを持っていたり、アメリカ連邦政府も持ってたりします。国内のIT企業でもデザインシステムを作成しているとの事例もよく耳にします。 デザインシステムとは？ デザインシステム：デザインの基準やドキュメント、原則に加えて、基準を達成するためのUIパターンやコンポーネントなどのツールキットをすべて備えたもの。 デザインシステムの定義と作成方法、導入事例 | UX MILK では、デザインシステムってのはどういったもんなんでしょうか？これまでも、スタイルガイドやコンポーネントライブラリといったものは聞いたことがありますが、デザインシステムというのはそれらも含めたもう少し大きなモ
OOUIとこれからのデザイナーの歩むべき道
ここ2, 3年でOOUIという言葉が日本のUIデザイン界隈でかなり普及しましたね。それにかこつけたタイトルをつけてしまいましたが、Web/UIデザイナーを志望する人も増えている中、「OOUIの理論はわかったけど、では結局何を学べばいいんだろう」ということを考えている人も多いと思ったので、ひとつそのテーマでブログを書いてみることにしました。 先に結論をはっきりさせておくと、ジュニア層のUIデザイナーはソフトウェアエンジニアリングを学び寄り添うべきであるということをこの記事では主張します。 その背景や論拠とするところなど、自分の考えていることを書いていけたらと思うので、お付き合いください。 前提
【総数6285件】BANNER LIBRARY | デザインの参考に！おしゃれなバナーだけを集めたギャラリーサイト
ポカリスエットが史上初の月面到達飲料を目指す「LUNAR DREAM CAPSULE PROJECT」のロケットが、明日打ち上がります。 イベント・メディアかっこいいシンプル高級感・きれいめ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラミングマスコットのドット絵を書いた - Qiita
【デザイン初心者向け】初めてのアイキャッチ作成、先輩からのフィードバックをすべて公開します！
UIデザインと守破離の精神｜Goodpatch Blog グッドパッチブログ
Stock - 日本のWebデザインギャラリー
デザインラフ、公開します｜ハラヒロシ / デザインスタジオ・エル
Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
Webサイトを作る際に超参考になったデザインのサイトまとめ - Qiita
メルカリ商品検索のUI/UXと新たな挑戦
お気に入りのボトルが照明に！ LEDライトキット「ボトルライト」日本初上陸
デザインで使ってはいけない色「黒#000」のおはなし | あおろぐ。
Flutterアプリでのデザインマネジメント - エムスリーテックブログ
UIUXデザイナーが「GPT4o」を活用してウェブサイトをつくってみた
濁りなし！美しいグラデーションの基本ルールとCSSオンラインツール
Figmaでグラフィックデザインをする際に使用しているプラグインや機能を紹介します｜Yang
2021年に流行するWebデザインの最新トレンド12個まとめ | Web Design Trends
2020年流行するであろうwebデザインのトレンド - Qiita
グラフィックを詰めずにゲームのプロトタイプを量産する方法は現代でも通用するのか｜避雷
がんばらないデザインシステム - MOL