マガジン

  • 学習記録

  • よくあるUIパーツ収集

    よくあるUIパーツ収集

  • マテリアルデザイン

  • DailyUI

記事一覧

UIコンポーネント、ボトムシート。この記事はわかりやすかった。マテリアルデザインに書いてない内容もあり、ふむふむしながら読みました
https://u-site.jp/alertbox/bottom-sheet

ocha
2か月前

Figmaのマルチ編集機能やばい、感動しすぎて飛んだぜ!!!

ocha
2か月前
1

【よくあるUIパーツ収集】ステップバー(プログレスバー)

今回はステップバー(プログレスバー)です。 ナビゲーションタイトルとステップバーのタイト…

ocha
4か月前
1

アコーディオン型の入力フォームって一般的なのか?ぱっと採用しているサービス思いつかないけど、縦にコンテンツ並びすぎるの避けたいよな〜
https://www.bebit.co.jp/memo/2010/11/post_191.html

ocha
4か月前

Segmented buttonを使いたいのだが、いまいち使っているサイトが見つけられない(Google系サービスがほとんど?)。
詳細に解説していそうなサイトを見つけたので貼っておく&後で読む
https://medium.com/tap-to-dismiss/a-better-segmented-control-9e662de2ef57

ocha
4か月前

「出来る」は日本語的に正しくない場合が多いらしいので、UI作ってるときにふと使ってしまわないように「抑制単語登録」なるものをしました💡これでいちいち「あれ…出来るだっけ?できる?」と迷うストレスが減る
https://howtocircle.com/ime6/

ocha
4か月前

【マテリアルデザイン】Tooltips

Tooltipsツールチップの目的は、ボタンやその他のUI要素にコンテキストを追加すること。 ツ…

ocha
4か月前
4

【よくあるUIパーツ収集】モーダル(ポップアップ)

今回はモーダルです。 「新規作成する」という1つのタスクでも、複数の「XXXで新規作成する」…

ocha
4か月前
2

【よくあるUIパーツ収集】メニュー

今回はメニューです。 アクションが複数存在し、そのままボタンを並べるのは使いにくいなあ……

ocha
4か月前
12

【よくあるUIパーツ収集】パンくずリスト

初回はパンくずリストです。 当初、自分で画面を考えているときに、「パンくずリストの一部っ…

ocha
4か月前
1

【BONO】【学習記録】UIビジュアルの学びまとめ

BONOというコミュニティでUIデザインについて勉強しています💡 今回は、BONOの各シリーズでイ…

ocha
5か月前
6

【BONO】【学習記録】モーダルナビゲーションの基本

BONOというコミュニティでUIデザインについて勉強しています💡 今回は、グローバルナビゲーシ…

ocha
5か月前
4

【BONO】【学習記録】階層ナビゲーションの基本

BONOというコミュニティでUIデザインについて勉強しています💡 今回は、グローバルナビゲーシ…

ocha
5か月前

【BONO】【学習記録】グローバルナビゲーションの基本

BONOというコミュニティでUIデザインについて勉強しています💡 今回は、グローバルナビゲーシ…

ocha
5か月前

【BONO】【学習記録】階層表現 - UIビジュアル基礎

直近、BONOというコミュニティでUIデザインを学んでいます🔥 その中でも、UIのビジュアル基礎…

ocha
5か月前

【マテリアルデザイン】Responsive layout grid

M2 M3 3つの構成要素(Columns, gutters, margins)Column カラムの横幅は固定値ではなく、%…

ocha
5か月前
1

UIコンポーネント、ボトムシート。この記事はわかりやすかった。マテリアルデザインに書いてない内容もあり、ふむふむしながら読みました
https://u-site.jp/alertbox/bottom-sheet

ocha
2か月前

Figmaのマルチ編集機能やばい、感動しすぎて飛んだぜ!!!

ocha
2か月前
1

【よくあるUIパーツ収集】ステップバー(プログレスバー)

今回はステップバー(プログレスバー)です。 ナビゲーションタイトルとステップバーのタイト…

ocha
4か月前
1

アコーディオン型の入力フォームって一般的なのか?ぱっと採用しているサービス思いつかないけど、縦にコンテンツ並びすぎるの避けたいよな〜
https://www.bebit.co.jp/memo/2010/11/post_191.html

ocha
4か月前

Segmented buttonを使いたいのだが、いまいち使っているサイトが見つけられない(Google系サービスがほとんど?)。
詳細に解説していそうなサイトを見つけたので貼っておく&後で読む
https://medium.com/tap-to-dismiss/a-better-segmented-control-9e662de2ef57

ocha
4か月前

「出来る」は日本語的に正しくない場合が多いらしいので、UI作ってるときにふと使ってしまわないように「抑制単語登録」なるものをしました💡これでいちいち「あれ…出来るだっけ?できる?」と迷うストレスが減る
https://howtocircle.com/ime6/

ocha
4か月前

【マテリアルデザイン】Tooltips

Tooltipsツールチップの目的は、ボタンやその他のUI要素にコンテキストを追加すること。 ツ…

ocha
4か月前
4

【よくあるUIパーツ収集】モーダル(ポップアップ)

今回はモーダルです。 「新規作成する」という1つのタスクでも、複数の「XXXで新規作成する」…

ocha
4か月前
2

【よくあるUIパーツ収集】メニュー

今回はメニューです。 アクションが複数存在し、そのままボタンを並べるのは使いにくいなあ……

ocha
4か月前
12

【よくあるUIパーツ収集】パンくずリスト

初回はパンくずリストです。 当初、自分で画面を考えているときに、「パンくずリストの一部っ…

ocha
4か月前
1

【BONO】【学習記録】UIビジュアルの学びまとめ

BONOというコミュニティでUIデザインについて勉強しています💡 今回は、BONOの各シリーズでイ…

ocha
5か月前
6

【BONO】【学習記録】モーダルナビゲーションの基本

BONOというコミュニティでUIデザインについて勉強しています💡 今回は、グローバルナビゲーシ…

ocha
5か月前
4

【BONO】【学習記録】階層ナビゲーションの基本

BONOというコミュニティでUIデザインについて勉強しています💡 今回は、グローバルナビゲーシ…

ocha
5か月前

【BONO】【学習記録】グローバルナビゲーションの基本

BONOというコミュニティでUIデザインについて勉強しています💡 今回は、グローバルナビゲーシ…

ocha
5か月前

【BONO】【学習記録】階層表現 - UIビジュアル基礎

直近、BONOというコミュニティでUIデザインを学んでいます🔥 その中でも、UIのビジュアル基礎…

ocha
5か月前

【マテリアルデザイン】Responsive layout grid

M2 M3 3つの構成要素(Columns, gutters, margins)Column カラムの横幅は固定値ではなく、%…

ocha
5か月前
1