如何做好一个UI 界面设计？看下这10个ui设计案例
更新时间：2023-02-10 10:39:38
设计是一个不断发展和变革的领域，很多时候，看似熟悉的设计趋势会在下一刻摇身一变，再次惊艳到你。但是也有设计师会想，为什么“我做设计很土，不知道如何提升”。其实这种烦恼，我们每个人都会遇到，包括我自己在做方案时候，第一稿自己都看不顺眼，反复尝试多稿才得到满意的效果。
但是，只要勤加练习和不断的学习案例素材，那么灵活的创意和开放的想法就会累积，常常能够使稀松平常的元素摇身一变，化身为惊艳的设计作品。这种点铁成金的成就感，大概也是许多设计师即使辛苦也会坚持下去的原因所在吧？
所以如何提升自己的 UI 界面设计缺乏美感的问题呢？今天我就和大家分享一些优质的 UI 界面设计案例，希望能够给你带来帮助，助你提高设计美感。
以下资源均支持版权开放。所有开源作品将遵循 CC BY 4.0 等知识共享许可协议，任何人在符合并满足许可的基础上，都能自由地复制、修改并使用每一份开源作品，包括商业用途。
作者：风过八仟里
获取方法：
点击高级感界面设计进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：即时设计团队
由即时设计团队设计师在「即时设计」上创作的一款生活社区类小程序界面设计，整体风格采用去分割线大留白的设计语言，现代极简，整体颜色为红色系，简约大气，包含启动页，登录注册页，首页等，供大家学习参考，免费提供给即时设计用户参考复用～
获取方法：
点击生活社区类小程序界面设计进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：即时设计团队
由即时设计团队设计师在「即时设计」上创作的一款智能家居类小程序界面设计，根据产品的使用人群，在整体风格上采用了轻奢风，简约而不简单，赋予整体界面的高级感、科技感，首页情感化的设计可以增加用户对产品的亲密度，设备采用实物会给用户带来更加可靠的印象，免费提供给即时设计用户学习使用～
获取方法：
点击智能家居类小程序界面设计进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：即时设计团队
由即时设计团队设计师在「即时设计」上创作的一款民宿类小程序界面设计，红色色调为主风格，更符合产品年轻化的调性和使用人群。里面包含登录页、首页、消息和聊天对话页、弹层式窗口、瀑布流卡片、十字交互，方便复用。设计酒店、旅游民宿类界面排版时可学习借鉴。免费提供给即时设计用户学习使用～
获取方法：
点击民宿酒店类小程序界面设计进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：即时设计团队
由即时设计团队设计师在「即时设计」上创作的一款健身运动类小程序界面设计，整体为紫色调，整体采用去分割大留白设计，留白能使页面的空间感更强，视线更开阔，通过留白来减轻页面的压迫感，使用户进入一种轻松的氛围。免费提供给即时设计用户参考复用～
获取方法：
点击健身运动类小程序界面设计进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：廖尔摩斯丨设计大侦探
35个喜茶小程序高保真设计界面+ximind信息结构+万字交互设计分析。
获取方法：
点击设计资源丨35个喜茶小程序高保真设计界面进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：即时设计团队
由即时设计团队设计师在「即时设计」上创作的一款咖啡饮品类小程序界面设计，整体风格上采用了卡片式设计，方便后期的灵活调整及复用，模块的组件化使界面更加规范，颜色的使用更加符合产品的调性，免费提供给即时设计用户学习使用～
获取方法：
点击咖啡饮品类小程序界面设计进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：不欠
获取方法：
点击海报分享-B端界面合集进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：设计刺客
获取方法：
点击9+网页界面设计进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
作者：Facebook
Facebook iOS 11 设计规范-页面库包含 iOS 常用页面：应用详情页、应用通知、播放器等页面，供开发人员参考使用。也可以根据自己的使用需求进行复用，希望它们能帮助你提升工作效率。
获取方法：
点击iOS 11 界面设计规范进入该案例页面，点击「使用」-点击「保存并打开文件」，即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用，则可以点击「仅保存」，文件即被保存到工作台。
