本文仅用户个人学习记录使用,意在提高自己的交互设计,仅此而已,欢迎指正.
参考设计截图
优点
- 首页第一屏简明扼要的展示了 Sundown Studio 的 icon 和 Work, Studio, Contact 菜单项,以及 Sundown 的简介,内容清晰明了,简单而操作便利
- 鼠标 hover 到 Work, Studio, Contact 的时候 button 的背景颜色会由白色渐变为黑色,提醒用户这是一个可交互操作,避免生硬的或无反应的疑惑
- 正如 Sundown 这个名字一样,设计充斥着日落时的红色光影和工作室的名字相呼应
- 第二屏主要介绍了团队或者工作室的工作热枕或工作理念,展示出了专业度
- 第三屏展示了项目情况,和常规的卡片组不同,这里使用的是项目的名字和合作方的名字等信息,当鼠标 hover 到项目条后背景颜色变成橘色,并同时根据鼠标的定位为展示不同的 picture,设计干净而富有创新
感悟
- 设计的主题最好与公司或工作室设计相关,这样有很强的视觉冲击效果
- 当主题色定义好后,需要保持和整体的主题保持一致,比如富有激情的公司就适合,暖色调的就和乱色调的进行搭配