カード型UIの一覧をスライダーで見せる表現はスペースも有効活用できますし美しく魅力的ですが、インジケーターの配置や見出し・リード文との関係など、デザインが難しいポイントも多いです。
このページでは参考になる「カード型UI+スライダー機能」のWebデザインを一覧で見れるようにまとめました。
随時更新予定です。
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img02-1024x537.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img03-edited-1024x514.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img04-1024x469.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img05-1024x454.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img06-1024x311.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img07-1024x608.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img08-1024x522.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img09-1024x429.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01_img10-1024x493.png)
![](https://webdesigngarden.com/wp-content/uploads/2022/08/blog01-img11-1024x612.png)
カード型UIの一覧をスライダーで見せる表現はスペースも有効活用できますし美しく魅力的ですが、インジケーターの配置や見出し・リード文との関係など、デザインが難しいポイントも多いです。
このページでは参考になる「カード型UI+スライダー機能」のWebデザインを一覧で見れるようにまとめました。
随時更新予定です。