UNI | UI designer

著書 「0から学ぶマテリアルデザイン 2」 「基礎から学ぶマテリアルデザイン3」 マ…

UNI | UI designer

著書 「0から学ぶマテリアルデザイン 2」 「基礎から学ぶマテリアルデザイン3」 マテリアルデザインをもっと分かりやすくしたい人。 好きな食べ物はウニです。🍣 趣味は 仕事終わりのビールです。🍻

ストア

  • 商品の画像

    モバイルオーダーアプリ138画面(ライト&ダークテーマ)

    【モバイルオーダーアプリ/ライト69画面】マテリアルデザインの原則に基づいて作られたUIキットは、ユーザーに直感的でシームレスな操作を提供します。また、あなたのブランドやプロジェクトに合わせてカラーやフォント、スタイルをカスタマイズすることで、他のアプリとの差別化を図り、オリジナルのデザインシステムの構築を効率的に行うことができるようになります。[UIキットのプレビューはコチラ(ライトモードのみ)]https://www.figma.com/community/file/1266601080481298759※こちらの商品はデザインのみの納品となります。(開発は含まれません)※Figmaデータ以外での納品はできません。UIコンポーネントーーーーーーーーーーーーー使いまわせる!カスタマイズ可能なUIコンポーネンです。(Typography&Color Guidanceを含みます)・Cards・Chips・Buttons・Navigation bars・Lists・Tabs・Tabs・Dialogs・Text Fields・Navigation drawer・Bottom sheets・Menu・Checkboxes・Snackbars・Top app bars・Segmented buttons・Radio buttons・Badges・Navigation rails・Icon buttons・Switch・Progress indicators・Dividers・animation・Slidersーーーーーーーーーーーーーーーーーーーー◆注意事項◆この利用規約(以下「本規約」といいます)は、UNI DESIGN(以下「弊社」といいます)と本コンテンツの購入者(以下「利用者」といいます)との間で締結されます。本コンテンツのご利用にあたっては、以下の事項にご同意いただく必要があります。1.著作権について:本コンテンツは著作権法により保護されています。無断複製、再配布など、著作権者の許可なく行われる行為は禁止されています。2.正確性と信頼性:当コンテンツに記載されている情報は、最新の知識やデータに基づいていることを最大限に努めています。ただし、情報の正確性や信頼性を完全に保証するものではありません。3.プライバシーと個人情報:顧客の個人情報は、法的な要件に基づいて適切に保護されます。顧客情報は第三者に提供されることはありません。4.販売条件と利用規約:本コンテンツの利用には、利用規約および販売条件に同意する必要があります。返品や返金、利用制限などの条件に関する詳細は、利用規約をご確認ください。5.サポートとお問い合わせ:コンテンツに関するサポートやお問い合わせには、適切な対応を行います。ご質問やお困りごとがありましたら、下記のメールアドレスにお気軽にお問い合わせください。contact@unidesign.site◆利用規約◆1.利用許諾弊社は、利用者に対し、本コンテンツの利用を許諾します。ただし、営利目的での再配布は禁止されます。2.著作権本コンテンツに含まれるテキスト、画像などの著作権は弊社または著作権者に帰属します。利用者は、著作権法に違反する行為を行わない限り、個人的な範囲内での利用を許諾されます。3.免責事項本コンテンツは、利用者に対して情報提供を目的としたものです。弊社は、本コンテンツの利用によって生じたいかなる損害やトラブルについても一切の責任を負いません。4.プライバシー弊社は、利用者の個人情報を適切に管理し、本コンテンツの提供および運営に必要な範囲で利用します。利用者の個人情報は第三者に提供されることはありません。5.返品利用者は、購入した本コンテンツの利用をキャンセル・返品することはできません。
    ¥16,500
    UIP
  • 商品の画像

    モバイルオーダーアプリ(ライトテーマ)

    【モバイルオーダーアプリ/ライト69画面】マテリアルデザインの原則に基づいて作られたUIキットは、ユーザーに直感的でシームレスな操作を提供します。また、あなたのブランドやプロジェクトに合わせてカラーやフォント、スタイルをカスタマイズすることで、他のアプリとの差別化を図り、オリジナルのデザインシステムの構築を効率的に行うことができるようになります。[UIキットのプレビューはコチラ]https://www.figma.com/community/file/1266601080481298759※こちらの商品はデザインのみの納品となります。(開発は含まれません)※Figmaデータ以外での納品はできません。UIコンポーネントーーーーーーーーーーーーー使いまわせる!カスタマイズ可能なUIコンポーネンです。(Typography&Color Guidanceを含みます)・Cards・Chips・Buttons・Navigation bars・Lists・Tabs・Tabs・Dialogs・Text Fields・Navigation drawer・Bottom sheets・Menu・Checkboxes・Snackbars・Top app bars・Segmented buttons・Radio buttons・Badges・Navigation rails・Icon buttons・Switch・Progress indicators・Dividers・animation・Slidersーーーーーーーーーーーーーーーーーーーー◆注意事項◆この利用規約(以下「本規約」といいます)は、UNI DESIGN(以下「弊社」といいます)と本コンテンツの購入者(以下「利用者」といいます)との間で締結されます。本コンテンツのご利用にあたっては、以下の事項にご同意いただく必要があります。1.著作権について:本コンテンツは著作権法により保護されています。無断複製、再配布など、著作権者の許可なく行われる行為は禁止されています。2.正確性と信頼性:当コンテンツに記載されている情報は、最新の知識やデータに基づいていることを最大限に努めています。ただし、情報の正確性や信頼性を完全に保証するものではありません。3.プライバシーと個人情報:顧客の個人情報は、法的な要件に基づいて適切に保護されます。顧客情報は第三者に提供されることはありません。4.販売条件と利用規約:本コンテンツの利用には、利用規約および販売条件に同意する必要があります。返品や返金、利用制限などの条件に関する詳細は、利用規約をご確認ください。5.サポートとお問い合わせ:コンテンツに関するサポートやお問い合わせには、適切な対応を行います。ご質問やお困りごとがありましたら、下記のメールアドレスにお気軽にお問い合わせください。contact@unidesign.site◆利用規約◆1.利用許諾弊社は、利用者に対し、本コンテンツの利用を許諾します。ただし、営利目的での再配布は禁止されます。2.著作権本コンテンツに含まれるテキスト、画像などの著作権は弊社または著作権者に帰属します。利用者は、著作権法に違反する行為を行わない限り、個人的な範囲内での利用を許諾されます。3.免責事項本コンテンツは、利用者に対して情報提供を目的としたものです。弊社は、本コンテンツの利用によって生じたいかなる損害やトラブルについても一切の責任を負いません。4.プライバシー弊社は、利用者の個人情報を適切に管理し、本コンテンツの提供および運営に必要な範囲で利用します。利用者の個人情報は第三者に提供されることはありません。5.返品利用者は、購入した本コンテンツの利用をキャンセル・返品することはできません。
    ¥12,500
    UIP
  • 商品の画像

    動画学習アプリ/FITNESS(ライト&ダーク)

    【ライト&ダークテーマ全126画面】マテリアルデザインの原則に基づいて作られたUIキットは、ユーザーに直感的でシームレスな操作を提供します。また、あなたのブランドやプロジェクトに合わせてカラーやフォント、スタイルをカスタマイズすることで、他のアプリとの差別化を図り、オリジナルのデザインシステムの構築を効率的に行うことができるようになります。[UIキットのプレビューはコチラ]https://www.figma.com/community/file/1266631869010007412※こちらの商品はデザインのみの納品となります。(開発は含まれません)※Figmaデータ以外での納品はできません。UIコンポーネントーーーーーーーーーーーーー使いまわせる!カスタマイズ可能なUIコンポーネンです。(Typography&Color Guidanceを含みます)・Cards・Chips・Buttons・Navigation bars・Lists・Tabs・Tabs・Dialogs・Text Fields・Navigation drawer・Bottom sheets・Menu・Checkboxes・Snackbars・Top app bars・Segmented buttons・Radio buttons・Badges・Navigation rails・Icon buttons・Switch・Progress indicators・Dividers・animation・Slidersーーーーーーーーーーーーーーーーーーーー◆注意事項◆この利用規約(以下「本規約」といいます)は、UNI DESIGN(以下「弊社」といいます)と本コンテンツの購入者(以下「利用者」といいます)との間で締結されます。本コンテンツのご利用にあたっては、以下の事項にご同意いただく必要があります。1.著作権について:本コンテンツは著作権法により保護されています。無断複製、再配布など、著作権者の許可なく行われる行為は禁止されています。2.正確性と信頼性:当コンテンツに記載されている情報は、最新の知識やデータに基づいていることを最大限に努めています。ただし、情報の正確性や信頼性を完全に保証するものではありません。3.プライバシーと個人情報:顧客の個人情報は、法的な要件に基づいて適切に保護されます。顧客情報は第三者に提供されることはありません。4.販売条件と利用規約:本コンテンツの利用には、利用規約および販売条件に同意する必要があります。返品や返金、利用制限などの条件に関する詳細は、利用規約をご確認ください。5.サポートとお問い合わせ:コンテンツに関するサポートやお問い合わせには、適切な対応を行います。ご質問やお困りごとがありましたら、下記のメールアドレスにお気軽にお問い合わせください。contact@unidesign.site◆利用規約◆1.利用許諾弊社は、利用者に対し、本コンテンツの利用を許諾します。ただし、営利目的での再配布は禁止されます。2.著作権本コンテンツに含まれるテキスト、画像などの著作権は弊社または著作権者に帰属します。利用者は、著作権法に違反する行為を行わない限り、個人的な範囲内での利用を許諾されます。3.免責事項本コンテンツは、利用者に対して情報提供を目的としたものです。弊社は、本コンテンツの利用によって生じたいかなる損害やトラブルについても一切の責任を負いません。4.プライバシー弊社は、利用者の個人情報を適切に管理し、本コンテンツの提供および運営に必要な範囲で利用します。利用者の個人情報は第三者に提供されることはありません。5.返品利用者は、購入した本コンテンツの利用をキャンセル・返品することはできません。
    ¥16,500
    UIP
  • 商品の画像

    モバイルオーダーアプリ138画面(ライト&ダークテーマ)

    【モバイルオーダーアプリ/ライト69画面】マテリアルデザインの原則に基づいて作られたUIキットは、ユーザーに直感的でシームレスな操作を提供します。また、あなたのブランドやプロジェクトに合わせてカラーやフォント、スタイルをカスタマイズすることで、他のアプリとの差別化を図り、オリジナルのデザインシステムの構築を効率的に行うことができるようになります。[UIキットのプレビューはコチラ(ライトモードのみ)]https://www.figma.com/community/file/1266601080481298759※こちらの商品はデザインのみの納品となります。(開発は含まれません)※Figmaデータ以外での納品はできません。UIコンポーネントーーーーーーーーーーーーー使いまわせる!カスタマイズ可能なUIコンポーネンです。(Typography&Color Guidanceを含みます)・Cards・Chips・Buttons・Navigation bars・Lists・Tabs・Tabs・Dialogs・Text Fields・Navigation drawer・Bottom sheets・Menu・Checkboxes・Snackbars・Top app bars・Segmented buttons・Radio buttons・Badges・Navigation rails・Icon buttons・Switch・Progress indicators・Dividers・animation・Slidersーーーーーーーーーーーーーーーーーーーー◆注意事項◆この利用規約(以下「本規約」といいます)は、UNI DESIGN(以下「弊社」といいます)と本コンテンツの購入者(以下「利用者」といいます)との間で締結されます。本コンテンツのご利用にあたっては、以下の事項にご同意いただく必要があります。1.著作権について:本コンテンツは著作権法により保護されています。無断複製、再配布など、著作権者の許可なく行われる行為は禁止されています。2.正確性と信頼性:当コンテンツに記載されている情報は、最新の知識やデータに基づいていることを最大限に努めています。ただし、情報の正確性や信頼性を完全に保証するものではありません。3.プライバシーと個人情報:顧客の個人情報は、法的な要件に基づいて適切に保護されます。顧客情報は第三者に提供されることはありません。4.販売条件と利用規約:本コンテンツの利用には、利用規約および販売条件に同意する必要があります。返品や返金、利用制限などの条件に関する詳細は、利用規約をご確認ください。5.サポートとお問い合わせ:コンテンツに関するサポートやお問い合わせには、適切な対応を行います。ご質問やお困りごとがありましたら、下記のメールアドレスにお気軽にお問い合わせください。contact@unidesign.site◆利用規約◆1.利用許諾弊社は、利用者に対し、本コンテンツの利用を許諾します。ただし、営利目的での再配布は禁止されます。2.著作権本コンテンツに含まれるテキスト、画像などの著作権は弊社または著作権者に帰属します。利用者は、著作権法に違反する行為を行わない限り、個人的な範囲内での利用を許諾されます。3.免責事項本コンテンツは、利用者に対して情報提供を目的としたものです。弊社は、本コンテンツの利用によって生じたいかなる損害やトラブルについても一切の責任を負いません。4.プライバシー弊社は、利用者の個人情報を適切に管理し、本コンテンツの提供および運営に必要な範囲で利用します。利用者の個人情報は第三者に提供されることはありません。5.返品利用者は、購入した本コンテンツの利用をキャンセル・返品することはできません。
    ¥16,500
    UIP
  • 商品の画像

    モバイルオーダーアプリ(ライトテーマ)

    【モバイルオーダーアプリ/ライト69画面】マテリアルデザインの原則に基づいて作られたUIキットは、ユーザーに直感的でシームレスな操作を提供します。また、あなたのブランドやプロジェクトに合わせてカラーやフォント、スタイルをカスタマイズすることで、他のアプリとの差別化を図り、オリジナルのデザインシステムの構築を効率的に行うことができるようになります。[UIキットのプレビューはコチラ]https://www.figma.com/community/file/1266601080481298759※こちらの商品はデザインのみの納品となります。(開発は含まれません)※Figmaデータ以外での納品はできません。UIコンポーネントーーーーーーーーーーーーー使いまわせる!カスタマイズ可能なUIコンポーネンです。(Typography&Color Guidanceを含みます)・Cards・Chips・Buttons・Navigation bars・Lists・Tabs・Tabs・Dialogs・Text Fields・Navigation drawer・Bottom sheets・Menu・Checkboxes・Snackbars・Top app bars・Segmented buttons・Radio buttons・Badges・Navigation rails・Icon buttons・Switch・Progress indicators・Dividers・animation・Slidersーーーーーーーーーーーーーーーーーーーー◆注意事項◆この利用規約(以下「本規約」といいます)は、UNI DESIGN(以下「弊社」といいます)と本コンテンツの購入者(以下「利用者」といいます)との間で締結されます。本コンテンツのご利用にあたっては、以下の事項にご同意いただく必要があります。1.著作権について:本コンテンツは著作権法により保護されています。無断複製、再配布など、著作権者の許可なく行われる行為は禁止されています。2.正確性と信頼性:当コンテンツに記載されている情報は、最新の知識やデータに基づいていることを最大限に努めています。ただし、情報の正確性や信頼性を完全に保証するものではありません。3.プライバシーと個人情報:顧客の個人情報は、法的な要件に基づいて適切に保護されます。顧客情報は第三者に提供されることはありません。4.販売条件と利用規約:本コンテンツの利用には、利用規約および販売条件に同意する必要があります。返品や返金、利用制限などの条件に関する詳細は、利用規約をご確認ください。5.サポートとお問い合わせ:コンテンツに関するサポートやお問い合わせには、適切な対応を行います。ご質問やお困りごとがありましたら、下記のメールアドレスにお気軽にお問い合わせください。contact@unidesign.site◆利用規約◆1.利用許諾弊社は、利用者に対し、本コンテンツの利用を許諾します。ただし、営利目的での再配布は禁止されます。2.著作権本コンテンツに含まれるテキスト、画像などの著作権は弊社または著作権者に帰属します。利用者は、著作権法に違反する行為を行わない限り、個人的な範囲内での利用を許諾されます。3.免責事項本コンテンツは、利用者に対して情報提供を目的としたものです。弊社は、本コンテンツの利用によって生じたいかなる損害やトラブルについても一切の責任を負いません。4.プライバシー弊社は、利用者の個人情報を適切に管理し、本コンテンツの提供および運営に必要な範囲で利用します。利用者の個人情報は第三者に提供されることはありません。5.返品利用者は、購入した本コンテンツの利用をキャンセル・返品することはできません。
    ¥12,500
    UIP
  • 商品の画像

    動画学習アプリ/FITNESS(ライト&ダーク)

    【ライト&ダークテーマ全126画面】マテリアルデザインの原則に基づいて作られたUIキットは、ユーザーに直感的でシームレスな操作を提供します。また、あなたのブランドやプロジェクトに合わせてカラーやフォント、スタイルをカスタマイズすることで、他のアプリとの差別化を図り、オリジナルのデザインシステムの構築を効率的に行うことができるようになります。[UIキットのプレビューはコチラ]https://www.figma.com/community/file/1266631869010007412※こちらの商品はデザインのみの納品となります。(開発は含まれません)※Figmaデータ以外での納品はできません。UIコンポーネントーーーーーーーーーーーーー使いまわせる!カスタマイズ可能なUIコンポーネンです。(Typography&Color Guidanceを含みます)・Cards・Chips・Buttons・Navigation bars・Lists・Tabs・Tabs・Dialogs・Text Fields・Navigation drawer・Bottom sheets・Menu・Checkboxes・Snackbars・Top app bars・Segmented buttons・Radio buttons・Badges・Navigation rails・Icon buttons・Switch・Progress indicators・Dividers・animation・Slidersーーーーーーーーーーーーーーーーーーーー◆注意事項◆この利用規約(以下「本規約」といいます)は、UNI DESIGN(以下「弊社」といいます)と本コンテンツの購入者(以下「利用者」といいます)との間で締結されます。本コンテンツのご利用にあたっては、以下の事項にご同意いただく必要があります。1.著作権について:本コンテンツは著作権法により保護されています。無断複製、再配布など、著作権者の許可なく行われる行為は禁止されています。2.正確性と信頼性:当コンテンツに記載されている情報は、最新の知識やデータに基づいていることを最大限に努めています。ただし、情報の正確性や信頼性を完全に保証するものではありません。3.プライバシーと個人情報:顧客の個人情報は、法的な要件に基づいて適切に保護されます。顧客情報は第三者に提供されることはありません。4.販売条件と利用規約:本コンテンツの利用には、利用規約および販売条件に同意する必要があります。返品や返金、利用制限などの条件に関する詳細は、利用規約をご確認ください。5.サポートとお問い合わせ:コンテンツに関するサポートやお問い合わせには、適切な対応を行います。ご質問やお困りごとがありましたら、下記のメールアドレスにお気軽にお問い合わせください。contact@unidesign.site◆利用規約◆1.利用許諾弊社は、利用者に対し、本コンテンツの利用を許諾します。ただし、営利目的での再配布は禁止されます。2.著作権本コンテンツに含まれるテキスト、画像などの著作権は弊社または著作権者に帰属します。利用者は、著作権法に違反する行為を行わない限り、個人的な範囲内での利用を許諾されます。3.免責事項本コンテンツは、利用者に対して情報提供を目的としたものです。弊社は、本コンテンツの利用によって生じたいかなる損害やトラブルについても一切の責任を負いません。4.プライバシー弊社は、利用者の個人情報を適切に管理し、本コンテンツの提供および運営に必要な範囲で利用します。利用者の個人情報は第三者に提供されることはありません。5.返品利用者は、購入した本コンテンツの利用をキャンセル・返品することはできません。
    ¥16,500
    UIP
  • もっとみる

最近の記事

「基礎から学ぶマテリアルデザイン3」をKindleにて出版しました。

2023年3月13日(月) マテリアルデザインガイドライン3の内容を、 日本語解説した「基礎から学ぶマテリアルデザイン3」を出版いたしました。 本書で紹介する「マテリアル3」は、Googleが提唱する最新のUIデザインであり、従来のマテリアルデザインに加えて、より自然な質感や動き、3D表現などが追加され、より高度な表現力を持ったUIデザインが可能となっています。 マテリアルデザインを取り入れるメリットとは? マテリアルデザインを取り入れることには、多くのメリットがありま

    • 「0から学ぶ マテリアルデザイン」をKindleで出版しました。

      2023年2月15日(水) マテリアルデザインガイドラインの内容を、 日本語解説した「0から学ぶ マテリアルデザイン」を出版いたしました。 出版するに至った経緯 私は2019年から2022年まで、Flutter開発をメインに行うアプリ制作会社でUIデザイナーとして従事していました。 そこでMaterial Designを学び、Material Designの緻密に設計された世界観とその使いやすさに感動しました。 しかし、その一方で、素晴らしいガイドラインがあるのにもか

      • [日本語]マテリアルデザイン 『Writing』#47

        有料
        100
        • [日本語]マテリアルデザイン 『Offline states』#46

          有料
          100

        「基礎から学ぶマテリアルデザイン3」をKindleにて出版しました。

          [日本語]マテリアルデザイン 『Onboarding』#45

          有料
          100

          [日本語]マテリアルデザイン 『Onboarding』#45

          [日本語]マテリアルデザイン 『Launch screen』#44

          Usage(起動画面の使用法)🔗「Launch screen(起動画面)」は、ホーム画面からアプリを起動した際の読み込み中に表示する画面です。 起動画面を表示することで、楽しさを演出したり、読み込み時間が長いという感覚を和らげることができます。 ※すでにアプリが起動済みの場合は、「起動画面」は表示しません。 Launch screen(起動画面)の種類 起動画面には次の 2 種類があります。 ・Placeholder UI(プレースホルダー UI ) ・Branded

          [日本語]マテリアルデザイン 『Launch screen』#44

          [日本語]マテリアルデザイン 『Imagery』#43

          有料
          100

          [日本語]マテリアルデザイン 『Imagery』#43

          [日本語]マテリアルデザイン 『Help & feedback』#42

          有料
          100

          [日本語]マテリアルデザイン 『Help & feedback』#42

          [日本語]マテリアルデザイン 『Empty states』#41

          (エンプティステートとは)🔗エンプティステートとは、UI上に表示するコンテンツが無い状態の時に表示するUIコンテンツの総称です。 エンプティステート(空の状態)では、さまざまなコンテンツを表示できますが、ユーザーが混乱しないように分かりやすくデザインする必要があります。 Content(エンプティーステートに表示する内容) 基本的なエンプティステートの内容は、画像とキャッチフレーズ(テキスト)の2つのUI要素で構成されています。 画像は以下のようなものを使用します。

          [日本語]マテリアルデザイン 『Empty states』#41

          [日本語]マテリアルデザイン 『Data visualization』#40

          有料
          100

          [日本語]マテリアルデザイン 『Data visualization』#40

          [日本語]マテリアルデザイン 『Data formats』#39

          有料
          100

          [日本語]マテリアルデザイン 『Data formats』#39

          [日本語]マテリアルデザイン 『Confirmation & acknowledgement』#38

          有料
          100

          [日本語]マテリアルデザイン 『Confirmation & acknowledg…

          [日本語]マテリアルデザイン 『States』#37

          有料
          100

          [日本語]マテリアルデザイン 『States』#37

          [日本語]マテリアルデザイン 『Selection』#36

          有料
          100

          [日本語]マテリアルデザイン 『Selection』#36

          [日本語]マテリアルデザイン 『Gestures』#35

          有料
          100

          [日本語]マテリアルデザイン 『Gestures』#35

          [日本語]マテリアルデザイン 『Customization』#34

          有料
          100

          [日本語]マテリアルデザイン 『Customization』#34