金 成奎
@seikei_kin
Followers
8,292
Following
2,630
Media
937
Statuses
5,246
デジタル庁プロダクトデザイナー。UIデザイン・ウェブデザイン・ウェブ制作・サービス設計・DX・新技術全般などについて調べたり考えたりしています。 著書『ウェブデザインの思考法』発売中！
Joined March 2018
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#FGO
• 269460 Tweets
Sunderland
• 245397 Tweets
#ENGFAxPressConMGSBR2025
• 158155 Tweets
アザラシ幼稚園
• 147896 Tweets
花火大会
• 128394 Tweets
FJR IN HONGKONG WITH BUILD
• 69097 Tweets
水着シエル
• 44330 Tweets
#劇場版すとぷり
• 35401 Tweets
#SiamCenterxTROFIPopUpStore
• 34562 Tweets
Kanye
• 33463 Tweets
TROFI 1st Fashion Show
• 28992 Tweets
オアシス
• 23207 Tweets
Vultures 2
• 19821 Tweets
パーシヴァル
• 16800 Tweets
ニキチッチ
• 15049 Tweets
シエル先輩
• 14264 Tweets
Photographer Patrick
• 12584 Tweets
徐福ちゃん
• 12242 Tweets
シエル実装
• 11678 Tweets
バーソロミュー
• 11675 Tweets
#Liella_神奈川Day1
• 11592 Tweets
John Mbadi
• 11420 Tweets
Pinned Tweet
祝『Web Designing』新サイトオープン👏ということでデザイナーが選ぶ優れたウェブサイトの紹介、という企画にお声がけいただき参加しました、ご覧ください！
UI / UXデザイナー・Webデザイナーの金成奎さんが選ぶ「UI / UXがいい」サイト・アプリ5選
#Web
Designing
0
29
281
ディズニーによる心地いいアニメーション12の法則、というものがあって、普遍的な内容でUIデザインにも応用できそう。詳しい解説ブログもあるので検索してみるといいと思います。
これは法則をGIfアニメでまとめてくれたやつ。これだけでもなんとなく内容がわかります。
1
2K
11K
世界中のデザイナーに聞いたベストツール2021。なかなか見やすいグラフでおもしろい。
結果だけ見たい人にキャプチャ貼っておきます。すっかりFigmaとMiroの時代に。
0
530
4K
不二家のリブランディングがイギリスの国際的なデザイン・広告賞を受賞したとのことでその紹介ページ。こういう出てきたクリエイティブを見てすんなり「そうだよね！」と思えるのが優秀なデザインだなと思います。
1
1K
5K
スーパーで「レジ袋はMになさいますか？Lになさいますか？」と聞かれるたび、「そんなことをユーザーに決定させるべきではないと思います」と言いたいけど言えないデザイナーがわたくしです。
44
308
3K
最近見かけるPC画面中央にスマホのレイアウトがまんま埋め込まれ、違和感ないように両端の装飾を工夫しているデザイン。もはやPCデザインは不要でSPで見ると両端がなくなるだけ。
よくできてるなと感心しつつ、レスポンシブやウェブの可変性が失われるのは寂しくもあったり。
0
231
2K
スマホのボタンの大きさとタップ成功率を調べた研究結果。世の中には賢い人がいますね。
どうやら横7 mm（ウェブだと20pxくらい）が閾値みたいです。
スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog
0
360
2K
スマホのデザインをPCに埋め込むのではなく、もうスマホごと埋め込んじゃったNewJeansのPCのオフィシャルサイト。これをスマホでみると筐体が消えて普通のスマホレイアウトになるという「よく考えたらもはやそれでいいんじゃないか？」というレスポンシブウェブデザインの形。
3
267
2K
写真に直接進み方をメモした大学のホームページのアクセスマップ。これがなぜわかりやすいかというと、目の前の景色に対する自己帰属感（この景色の中に確かにいる感）をデザインしているからですね。
0
165
2K
こういうのをアウトプットとして社外公開するのよいですね。デザインもいい感じ。
従業員が妊娠や出産を安心して迎えられることを目的に「産休育休ガイドブック」を公開
@PRTIMES_JP
より
0
178
1K
貝印によるフードロスを防ぐ野菜の切り方を教えてくれるサイト。包丁というプロダクトから考える社会課題解決のアイデア。インタラクションもかわいい。
0
205
1K
デバイスの中央から離れるほど操作精度は落ちるのでタッチポイントは大きくすべし、という研究結果。
具体的には画面上部は 11mm (42px)、下部は 12mm (46px) 、中央付近では7mm(27px)という目安。
0
225
1K
腕時計ロンジンのキャンペーンサイト。マウススクロールで上下左右に移動しつつ、途中で（擬似的に）別のウインドウに入ってまた戻ってくる......！これはすごいというか変態ですね。
2
158
1K
メルカリの採用サイトがリニューアルされましたが、面接で聞く質問例がまとまっていて素敵。どの会社であれ、これらを答えられるようにしておくと実のある面接になりそう。
0
107
1K
どひゃー、頑張ってついていこう😓
【2024年版】デザインに使えるAIツールまとめ（レビュー付き）
2
136
1K
あえてダサくしたデザインの方が効果があるという言い方が感心しないのは、ユーザーの方を全く向いていない、どころか、卑下しているところ。結果として審美性に劣るデザインが選ばれたところでそれはダサいからという理由ではなく、親近感や容易さが感じられる何かしらの要因があったからではないか。
2
111
1K
先日の深澤さんの「壁に近いものほど四角く人に近いものほど丸い」論、Appleのプロダクトデザインにも適用されている、という考察。様々な製品の角丸具合を調べた結果デスクトップはほぼ0%で鋭角、逆にApple PenやAirPodなど人に最も近いプロダクトは100%近い丸み。面白い。
0
161
1K
ロ���に隠された秘密をまとめたインフォグラフィック。有名なものからちょっとしたトリビアまで、英語だけど何となく意味わかっておもしろい。
1
101
1K
AIが作った案を参考にデザイナーが商品デザインを完成させたとのこと。これを見るとAIのデザインの方向はそのままに野暮ったさをデザイナーが補正調整しているようなイメージでしょうか。
マンダムが『パッケージデザイン用生成AI』を活用し商品開発
1
216
986
dribbbleで見つけた（たぶん）ニューヨークのデザイナー。こんな作風がたくさん並んでて見てて楽しい。現実的なUIとしてどこまで有効か未知数だけど、受け入れられたら一気に流行るかも.......しれない。
0
74
944
Yahoo!による色覚多様性の解説とそれを前提としたデザインの取り組み。イラストも多めでわかりやすい記事です。
知ってる？ 色の組み合わせの大切さ #配慮あるデザインを考える #ヤフー
0
192
881
凄すぎてあまり参考になりませんが、おそらくどこかのクリエイターのポートフォリオサイト。サイバーなエフェクトと、スクロールと粒子とが絡むインタラクションがクール。目の保養にどうぞ😂
0
73
813
スウェーデンのセブンイレブンのビジュアルがおしゃれ。「7」がストライプから浮き上がってくるんですね。
リブランディングを手がけたデザインファームのポートフォリオより。
0
56
794
そのデザイントレンドもう終わってるぞ！という記事。本当に終わってるかはともかく、その理由は参考になるかも。ニューモフィズムはコントラストに難あり、パララックスはスマホの体験に向いていないなどなど。
10 Web Design Trends We’re Already Over | Design Shack
0
113
790
安藤昌也教授が「本当に良いものだと思って設計・開発してる？ダメなサービスだなあ、こんなのいらないなあと思いながら作ってない？どうせ決まった仕様だからと諦めていない？であればそれを言えないマインドや組織変革こそがまずやるべき重要なUX施策だ」と仰ってて、深く感じ入りました。
0
142
777
文化ごとの色の捉え方の違いとUIの配色との関係を考察した記事。
・緑はイスラム教にとって神聖な色なのでお祈りアプリは緑が多い。
・日光が多い地域では暖かく明るい色が好まれ日光が少ない地域では彩度の低い寒色が好まれる。
・西洋では赤は警告色だが中国では逆の意味。
0
80
755
ニューヨークの若いデザイナーが街中のイケてないチラシを勝手にタダでリデザインしている！クールなDesign Ninjaだ！というニュース。それぞれ左がBefore、右がAfter。法律的には微妙なところはあるかもですが、自身のスキルアップと社会課題解決を兼ねた行動と言えるかも。
1
62
739
Figma社が公開しているデザイナーに求めるスキルマップシート。戦略・技術力に加えてコラボレーション（どれだけ他者と協力し敬っているか）とインパクト（プロジェクト成否とは別にどれだけチャレンジし影響を及ぼしたか）という四事象とそれぞれの内訳がユニーク。
0
88
700
Googleフォントのデザイナーがおすすめのフォントの組み合わせ方を伝授してFigmaで資料配布してくれてます、ありがたや〜、翻訳してちゃんと読みたい。あとこの資料自体がまたクール。
@materialdesign
blog.
0
73
685
待機時間によって進行状況を示すUIを使い分けるべし、という記事。
待機時間が 1 秒未満：邪魔だから実装しない
待ち時間が短い場合 (1 ～ 3 秒)：シンプルなアニメーション
待ち時間がやや長い場合 (3 ～ 10 秒)：進行がわかるUI
待ち時間が長い (10 秒以上)：対話形式UI
0
69
651
失注した案件のウェブサイトのリニューアルが気になりすぎて、何回もアクセスしてしまう。これは振られた彼女に未練タラタラで忘れられない状態に似ています。イケてる彼氏と付き合ってたら悔しいし、イケてない彼氏と付き合ってたらそれはもっと悔しい。
2
51
644
いろんなパターンのグラフや図、マップやチャートをまとめてくれているデータビジュアライゼーションまとめサイト。見たことあるけど名前を知らなかったのもちらほら。解説や用途、事例付きでなかなか勉強になります。
0
44
616
毎年恒例・世界中のデザイナーに聞いたベストツール2022。Figma一強に加えて、ユーザーテストのMaze、ポートフォリオ制作ツールのCodeあたりが躍進でしょうか。あとデザインシステム作成のzeroheightって初見でした。それぞれ項目の詳細は以下からどうぞ。
2
92
621
ワイヤーフレームあるあるパターンを集めたサイト。ちょっと前によくありましたが、これはそのままFIgmaファイルをダウンロードできるのが便利ですかね。
Wireframe Examples
0
55
618
IOCがオリンピックの新ブランドアイデンティティを発表。五輪にメダルの色を加えたカラーパレット、デジタルさと手書き感を両立したイラストガイドライン、専用カスタムフォントなど。
こちらのPDFで全容が見れます、100ページ以上で読み応えあり。
0
81
583
AIがワイヤーフレームを書いてくれるFigmaプラグイン。プロンプトを入力して実行するとするするとワイヤーフレームができあがっていきます。おそろしい......。
Check out Wireframe Designer by Chenmu Wu on
@figma
:
1
59
578
ほー、チェックしてみよう🧐
資生堂「Beauty Key」が世界三大デザイン賞 『iFデザインアワード2024』を受賞 | ニュースリリース詳細 | 資生堂 企業情報
0
63
584
読みやすい文字サイズと行間を研究・検証すると17px×1.6だったという結論。
視認性だけではなくクリック数や読了時間・離脱率などサービス全体の体験設定の最適化を目指し検証したところがすごい。
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦 #ヤフー
0
72
573
ロゴのサンセリフブームはなんやねん！全部同じに見えてまうやろ！問題。
スマホでの見やすさを重視したのと、ブランドの理想が目立つことよりも人々の生活の中に溶け込み信頼される存在になることへと変化しているからではないかという考察。
1
92
558
note執筆しました！デザイナー1年目に戻って自分にアドバイスできるなら......という視点で、楽しいデザイナーライフを送れるかもしれないコツをまとめてみました。
デザイナー1年目に知っておきたかった10のこと｜金 成奎
@seikei_kin
#note
#仕事のコツ
0
68
554
Googleによる子供向け無料インターネットリテラシー プログラムの日本語版が公開。
こちらはプログラム内の教材PDFの一部ですが、これは大人が読んでも参考になるやつですね。
0
134
545
「修正お願いします」と依頼されて「自分は間違ってないから修正しません！」とつっぱねるほど意固地ではないですが、作業後は「修正しました」ではなく必ず「対応しました」「調整しました」としれっと言い直すほどは頑固です。
4
36
541
・ドロップシャドウのぼかし値は距離値の2倍
・外パディング(余白)の幅は内パディングと同じかそれ以上
・内側の角丸半径は外側のより小さくすると違和感がない
...あたり地味ながら有益な情報🧐
ウェブサイトなどのデザインを考える上で役に立つアドバイス25選 GIGAZINE
0
59
532
成田空港のサイトがリニューアル。最優先事項の一つがアクセシビリティ改善だったということで色々みてみたい。あとは空港内の「デジタルフロアマップ」が良さげ。
チームラボ成田国際空港公式WEBサイトリニューアルにおいて企画・UI/UX設計・開発を担当
@PRTIMES_JP
0
44
531
ここだけの話、オレオのスマホのホームページにあるのはハンバーガーメニューではなくて、オレオメニューなのです。何のことかわからないかもしれませんが、そういうことなのです。
0
83
526
Spotify、Hublot、Figma、Netflix、Eurostarなど、いろんな業種・形態のブランドがリブランディングの時に
制作したプロモーションムービーなどを集めているサイト。クール😎
0
44
526
ブランドガイドラインを集めたポータルサイト。数はそこまでですがFirefox、Slack、最近リニューアルしたReddit、珍しいところだとオリンピックなどなど、有名どころのブランドガイドの資料がPDFなどで閲覧できます。
1
63
517
いろんなウェブサイトやアプリで出てくるUIパーツをカテゴリごとに収集しているサイト。類似サイトと比べてちょっと重いかも＆広告多いかもですが。ビジュアルがかわいい。
0
38
507
グリコが創業100周年ということで、社史をウェブでアーカイブ化。貴重な記録をデジタルで残していてよいですね。これは歴代商品の振り返りページ。下スクロールするとポッキーやキャラメルが発売順に手前から画面奥へ登場し去っていくアニメーションが楽しい。
1
48
510
黄色って読みにくいし見づらいよねという地味ながらも困るUIあるあるについて触れた記事。
確かにこういう感じで明るさごとに3つの色相決めといて、そのコントラスト比に基づいた組み合わせの例を決めておくのが良いですね。
0
49
495
ティファニーのアイコンガイドライン、というものがあるのですね。ウェブで使われるアイコンにも抜かりがないのが一流ブランド。サイズによって複雑さやウェイトに考慮すべし、などなど。
策定したデザインファームのポートフォリオより。
0
54
497
AI搭載のボールペンが登場。リアルタイムで書いたものがデジタル化され、リストに変換されたり翻訳もできたり数式も解いたりしてくれます。デバイスが使えない現場とかでメモるのに良さそう。
1
74
493
Netflixのビジュアルがリニューアルだそう。このイラストのグリッターな質感、ユーモラスなモチーフ、流れるようなシェイプがレトロで新しい感じ。
Netflix - Koto Studio
0
26
482
アイコンデザイナーによるデザイン解説。外側の枠線と中のラインの太さの変え方、デュオトーンの作り方、塗りつぶしにおける注意点など、細かいテクニックがたくさん。
Developing design guidelines for an icon pack. | by Tolu Arowoselu | Jul, 2024 | UX Planet
0
43
479
Slack社のデザインチームによるフィードバックの心得。
自分と作品を切り離す、全て受け入れなくていい、礼儀正しさと明るさが大事、一人で独占しないなどなど。
1
37
469
25年万博の「デザインシステム」。いわゆるデザインシステムではないですが、各クリエイティブやビジュアルの方向性やガイドラインを言語化し公式サイトから発信。「ver.1.0」というのも大会開催に向けて更新される感があって良いですね。
0
58
465
Shopifyのデザイナーの記事。地味ながら左右ビフォーアフターでどう変わってるのか、考察してみるのもおもしろいかも。
- 誘導したい項目のボタンだけ差別化。
- 特徴欄にアイコン、リストにはチェックを配置しわかりやすく。
- 中央揃えをやめ視線誘導の負担減。
.....etc。
0
31
462
おもしろい論点！
> 一蘭のカウンターにように余計な要素を排除しユーザーに雑念を払って目の前の作業に落ち着いて集中することを促すようなUIを「味集中カウンターUI」と呼んでいます。
人間の速さを鎮めておもてなしする | TECH+（テックプラス）
0
63
456
こういうUI養成ギブス的な取り組み、とても共感します。いろんなデザイン筋肉が鍛えられそう💪
４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ
@asuyakono
#note
0
50
453
いまだに読み返す本が『はじめよう！ 要件定義 』。
要件定義の進め方の本でもあり、情報設計についての本でもあり、プロジェクトマネジメントについての本でもあります。薄くてかわいい表紙だけど内容は濃い。
詳しい内容はこちらのブログからどうぞ。
0
43
448
スマホUIデザイン最近の現状まとめ。
・ネイティブアプリとモバイルWebの区別が曖昧になっている
・ログイン/登録がどんどん簡単に
・オーバーレイが多すぎ
・iOSとAndroidはどんどん似てきている
モバイルユーザーエクスペリエンスの現状 – U-Site
0
41
448
世界のイケてないデザイン10の事例。リニューアル後すぐ差し戻したロゴ、20年以上変わらない大企業のウェブサイトなど。これは芸術大学の公式HPとしてはちょっとアレではないかと紹介されている某サイトのデザイン😎
10 Famously Bad Examples of Design
0
49
452
webGLを活用したランディングページのデモ。迫力あります。こんだけ接写してモノに近づけられればいろんなECサイトのエモい演出とかに使えそう。
0
30
434
「一休.com」のデザインガイドライン「IKYU Design Guideline」。コンポーネントを網羅しているデザインシステム的なものではなく、各プラットフォームでブランドのトーンを表現するためのルール的なドキュメントでしょうか。ミニマムにまとまっててわかりやすい👏
0
37
432
Appleのプレゼンなどでお馴染みグリッド式レイアウト例を集めているデザインポータル「Bento Grids」。この仕切り感がお弁当ぽい、ってことでしょうか。一昔前のタイル型レイアウトよりマス目間のグラフィックのバリエーションが様々なのが楽しくもありつつ難易度も高そう。
0
28
429
UIの話あり、ワーディングの話あり、行動経済学的な話ありで参考になる😮
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所
#note
1
46
428
2024年のロゴデザインのトレンドまとめ記事。
・一部を三角形で切り取る
・ピクセルを模した四角形を活用する
・アスタリスク・矢印取り入れる
・トンネルや笑顔をモチーフにする
などなど。
2024 Logo Trend Report
0
34
421
ホームページ100万個くらい見たけど、一番アクセシビリティ的に引っかかったのは色のコントラストでした、という調査結果。ビジュアル的な意匠で濃度を下げるとかもはや極力やめておいたほうが無難。
0
46
411
ユーザーがコンテンツを読む主要7パターン。覚えておくと役に立つかも。
・F型
・Z型
・レイヤーケーキ型（見出しだけ見る）
・斑点型（テキスト以外だけ見る）
・マーキング型（ 1か所だけ見る）
・バイパス型（行の最初を飛ばす）
・コミットメント型（じっくり全部読む）
0
35
412
イケてるフッター100個集めてみました、という記事。メガタイポグラフィ系が多いですね。トップのメッセージや���ジュアルと視覚的に繋がってたりとか、最終的に伏線回収になってるとグッときます。
100 Unique Website Footer Design Inspirations by Muzli
0
31
408
「人のサイトばかり作って何が楽しんだ」と言って受託制作の世界から去って行った人を何人か見てきましたが、「人様のサイトだからこそ楽しいんじゃないすか」とは言い返さず、心の中でこっそり呟いたことが何度かあったことは、ここだけの話です。
0
11
406
どんな仕事でもこういう具合に個別の作業→分析・体系化できる人は素敵。ゴールドの表現の幅と質が変わったのは、このポイント全盛時代ならではのトレンドとしてわかる気がする。
最近のバナーデザインのトレンドは？製作したバナーデザインご紹介｜Choi
#note
0
54
410
PayPayのスタイルガイドの「Global Rule（ここの呼び方は各社デザインシステムによって異なりますね）」は分かりやすくてそのまま拝借したいくらい。デザインの言語化においてUIデザイナーが目指したいレベルの一つの例として参考になります。
0
35
405
ちょうどいい＝おしゃれすごずすごすぎず、真似しやすい、特別なスキルや素材がなくても取り入れられそうな工夫がある、というニュアンスだそう。ナイス視点ですね。一言コメントもよい。
ちょうどいいWebデザインギャラリー
0
18
401
例え少々ダサくったって下みたいなボタンの方が使いやすいでしょ！というデザイナーの叫び。体験や機能や構造はシンプルであるべきだけど、それは造形やスタイリングにおけるシンプルさとは別、というのは確かにそうかも。
In Praise of Buttons
2
28
398
AirbnbのCEOが語るデザインのトレンド。
「フラットデザインは終わるがスキューモーフィズムに戻るわけではない。単純なグラフィック上の立体感だけではなく自然環境の光・質感・遊び心などの体験設計をUIにも取り入れるべし。そのためにAIは大いに役立つだろう」
0
42
394
米政府のデザインシステムが公開されて10年という統括。今では160の政府系Webサイトで使用され、94の機関がそのコードを使用している。大事なのは「必ずしも完璧でなくともより良いものを作ろうと努力すること」。
米政府系サイトの常識を変えた「デザインシステム」革命
0
65
394
公式アカウントが自社noteでロゴやブランドについて解説してくれるのって、デザインがビジネスに紐づいている感じがあって良いですね😀
【まめ知識】ポカリスエット パッケージの白いラインはなに？ロゴデザインの意味を紐解く｜大塚製薬株式会社
#note
1
42
377
ロゴをシンプルにリニューアルした結果、ほとんどの場合認知度・帰属度は下がっちゃったという調査結果。一方で現在のロゴの特徴を理解し、その特徴を強調するタイプのリニューアルだと良い結果に（Toyota、Burger King、Post It など）。
0
52
370
課題抽出・デザイン案の絞り込み・評価をAIが担ったとのこと。もう次はデザインそのものまでやれてしまう未来になるかも。
・王子ネピアが「AI評価」でパッケージ刷新 開発工程5つの変化 #日経クロストレンド
0
44
372
Tinderの右にスワイプすると好き・OK、左にスワイプすると嫌い・拒否という操作は、右が未来や発展・左が過去や後退を想起するという時間軸の捉え方を拡大解釈したUIの発明で、今後拡大していくだろう........という考察。
0
42
372
新Nokiaのデザインシステム、というかブランドガイドライン。「Nokia Pure」だそう。このクリアなトーンと抽象的で幾何学的なフォルムが印象的。もう少しドキュメントを読んでみたい。
0
26
367
プロダクトマネジメントについて効率よく勉強するための「読書地図」。さっそくいくつかポチりました。いろんな分野でこういうのあるとよさそう。
1
32
360
2023年ロゴのデザイントレンド・モチーフ。
・草木
・インクの滲み
・フェードアウト
・遠近法
・一部をグッと押し出す
・螺旋状
・電波
・折り曲げたワイヤー
・図形の中に文字
・一部を引き伸ばす
・ステンシル
・放射線
・円を二つ重ねる
・ぎざぎざバッジ
1
28
356
ノンデザイナーというわりには十分専門的かつわかりやすく、オブジェクト指向UIについて解説されている資料でした。
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
0
25
360
本日よりデザイナーとして株式会社ベイジに入社しました。今後ともどうぞよろしくお願いします！
2
7
357
ボタンorリンク、各通知の手段、ラジオ・チェック・ドロップダウンの使い分けなどなど、UIにおいてどのコンポーネントを使うべきかのデシジョンツリー（決定に至るまでの分岐）を集めた記事。チーム内でこういうの網羅されてると便利そう。
Decision Trees For UI Components
0
32
349
内容もですがサイト紹介のnoteもとてもよかったです。
「やさしさ禁止」＝個々の善意に頼らなくていいのが理想。
アクセシブルであることは、選択肢をひとつでも増やしていくこと。
0
41
349
Timee社によるデザイナーから始めるコラボレーションについての資料。いろんな気づきが詰まってます。デザイナーがプロジェクトのハブになってできることはたくさんありますね。
0
26
347
意外と即答できないボタンの横幅（横padding）の設計の根拠についの記事。数列にまで深掘りできるのはよいですね。
【UIデザイン】ボタンの最適な幅を考えてみる｜nadia, Inc.
#note
0
41
342
ああ、ウェブデザイナーならよくわかるお悩みに対する考察。いろんなパターンを調査して体系化されてるのが良いですね😀
ページに抑揚をつける「背景切り替え」のデザインアイデア｜nanami
@nanamitakuma7
#note
1
35
340
👏👏👏
デザインシステム専用サイト「デジタル庁デザインシステムβ版」を公開しました
1
41
341
note執筆しました！シナリオから画面遷移を描き、機能・データを考慮しつつUIデザインを進める方法を、私の愛読書を読み解きながら解説してみました😀
@ahabu
『はじめよう！ 要件定義』（とそのシリーズ）を読んで、はじめよう！UIデザイン｜金 成奎
@seikei_kin
#note
0
38
341