You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
claude-code/plugins/frontend-design/skills/frontend-design/SKILL.md at main · anthropics/claude-code
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
Design Tokens Format Module 2025.10
Design Tokens Format Module 2025.10 Draft Community Group Report 30 December 2025 Latest published version: https://www.designtokens.org/TR/2025.10/format/ Editors: Louis Chenais Kathleen McMahon Drew Powers Matthew Ström-Awn Donna Vitan Authors: Daniel Banks Mike Kamminga Ayesha Mazrana (Mazumdar) James Nash Adekunle Oduye Kevin Powell Feedback: GitHub design-tokens/community-group (pull requests
Kyash Androidのレイアウト共通化の指針 - Kyash Product Blog
Kyashで主にAndroidアプリを開発している@konifarです。 Androidアプリの画面を作る上でレイアウトの統一感をどう担保するかという話は、きっとどの会社でも考えるものですよね。 自分自身もまだ試行錯誤中なのですが、Kyashではこうやってるよという指針をスクショとコードを交えながらまとめておこうと思います。 res/values以下のリソースファイルをこんな感じで考えて使ってるよという話を中心にまとめるので、その前段のプロダクトコンセプトやデザインガイドラインの話については今回は割愛します。もし興味があれば、「気になる」「読みたい」みたいな感じでツイート or コメントしておけば、弊社デザイナーが書いてくれるはずです。自分も読みたいです。 余白や文字サイズの統一 どのアプリでもやっていると思いますが、余白や文字サイズはdimens.xmlにまとめています。 よく起こりがち
Icons8 86,300 Free Icons (SVG, PNG)
Original stock graphics by our team, plus design apps and AI tools
第9回 機能を削ろう | gihyo.jp
前回からだいぶ間が開いてしまいましたが、前回は「便利さ」「ユーザーが何もしなくて良い状態」を技術的に追いかけてすぎると、「気持ちのよい」状態を通り越して、「薄気味悪さ」「余計なお世話」の世界に突入してしまうのではないか、ということを考えてみました。今回はそれに引き続き、機能を追加することそのものと、使い勝手の関係について考えてみたいと思います。 機能を追加したからといって、ユーザーにとって便利になるとは限らない 「機能を追加したからといって、ユーザーにとって便利になるとは限らないよね」という話題は、比較的よく言われてきました。たとえば、テレビなどAV機器のリモコンとか、ガラケー時代の電話が機能がやたらたくさんついた結果、どうしていいのかさっぱりわからなくなったケースなどよく引き合いに出されます。やたらたくさんのボタンがつき、操作が複雑になったガラケーが、ボタンがたった数個しかないi
Explore, Learn, and Master Industry-Standard Patterns
Software design patterns, principles, and snippetsThe best designers will use many design patterns that dovetail and intertwine to produce a greater whole --Erich Gamma Get the book 📖Study the design patterns 💡 IntroductionDesign patterns are the best formalized practices a programmer can use to solve common problems when designing an application or system. Design patterns can speed up the devel
GoogleがプロトタイピングツールPixateを買収。無料化される。オススメ。 | fladdict
Googleが、ローカルベースのプロトタイピングツールPixateを買収した模様。以後、Pixateアプリは無料となり引き続き開発が続けられるようです。 2013年頃、Pixateに$600払ってた俺は泣いた。おめでとうございます。 Invisionを主流に百花繚乱の分断化で割と困っていたプロトタイピング業界。Googleがこの分野に手を出したことで変動は起きるのだろうか。 これがプロトタイピングツールの決定版になるとよいですね。高性能だし無料だし。クラウド版も$5だし。 日本でプロトタイピングサービスばパッとしない究極の問題は、サービスがオンラインのことなんですよね。SI系の人たちは「セキュリティ的な事情でオンラインの共有サービスを使えない」という事情がありました。Pixateはローカルアプリなので、その辺の心配をする必要がないのがポイントですね。そのうち大手SIとかでもこういうツールが
A shorthand for designing UI flows
Flows are just as important to good interfaces as individual screens are. Customers don’t land on screens from out of nowhere. Specific sequences of actions lead customers through your app as they try to accomplish their tasks. But as important as they are, flows are hard to communicate during the design process. Drawing out every state of a flow is too time-consuming. And drawings become instantl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Anima: AI Design to Code | Figma to React | Figma to App / Website | Figma to HTML | Design to code automation
GitHub - drawdb-io/drawdb: Free, simple, and intuitive online database diagram editor and SQL generator.
GitHub - tokencss/tokencss
Venngage | Professional Infographic Software | 10,000+ Templates
GitHub - linkedin/css-blocks: High performance, maintainable stylesheets.
Ant Design
https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWFpbnxoY2R2YWx1ZXxneDo2NWIxZTQwMTdjYTU1YTNm
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon
PatternFly
https://itunes.apple.com/app/id906164672
standardinc.jp
