码市
438人浏览/27人投稿
615天前
已托管赏金
简介本项目旨在重新设计 Cybever 网站界面，通过结合现实与虚拟元素，创造更具沉浸感和互动性的用户体验。设计重点突出未来主义和太空主题风格。 设计需求1. 统一背景和主题：采用沙漠星空背景，融合流星和小星星，确保星空部分的连续性。在沙漠与星空交汇处引入 "星沙" 效果，通过粒子效果或渐变层实现自然过渡。2. 立方体改造： - 用 WebGL 或 Three.js 替换当前 GIF，创建真实的 3D 立方体模型。 - 立方体表面半透明，可见星空背景。 - 互动设计： - 默认缓慢旋转（每秒约 15 度）。 - 鼠标悬停时放大，旋转加快（每秒约 45 度）。 - 点击后放大填满视口，并过渡到下一页。3. 沙尘动画效果：采用动画或粒子系统，在沙漠背景中加入沙尘漂流效果，增强真实感。4. 星空门框设计：围绕星空立方体设计未来主义主题的门框，作为通往另一个世界的大门。门框设计采用金属材料、复杂雕刻或发光元素。5. 动态星空背景：门内使用动态视频或三维星空模型作为背景，缓慢旋转，增加深度和立体感。6. 调整总体比例：重新评估整体布局，确保立方体、门框和背景的比例和位置协调统一。其他设计考虑- 配色方案：简化前景文本和按钮颜色，提高可读性和视觉协调性。- 文本布局：调整字体大小，实现和谐统一。- 按钮设计：采用扁平化设计，简化按钮形状和颜色。- 徽标位置：调整位置或略微增大，适应不同屏幕尺寸。- 列宽和背景色：修改列高度，使用不同颜色强调底部信息栏。配合后端实现功能目标通过引入视觉吸引和互动元素，增强用户体验，使网站不仅美观大方，还具有功能性和易用性。
