主题: 原创 使用 Photoshop 设计的 Aero 界面. 查看单个帖子
yamatoryou
极客I
级别:0 | 在线时长:2小时 | 升级还需:8小时
注册日期: 2011-08
帖子: 1
使用 Photoshop 设计的 Aero 界面., 2019-04-07, 22:50:24 #1 | TOP
{4E576EBE-FB34-40CC-9313-ADCC1CB77965}.png
版本: 1.3
使用 Photoshop CC 完成.
Windows 7 即将停止技术支持, 画一幅界面留作纪念, 证明曾经对 Aero 的狂热.
素材取自系统的资源文件.

设计规则:
* 总体设计基于 Windows 7, 但吸收了部分 Vista 的元素.
* 部分原版中不透明的控件被重设为半透明以与整体协调.
* 大面积使用磨砂透明的同时, 所有有文本的位置全部使用了发光或高对比色背景, 避免降低文本可读性.
* 不考虑 Aero 对性能的影响, 毕竟微软不给实现用户得不到.
* 资源管理器的多标签设计来自 Chrome.
* 带标准边框的窗口在标题栏额外添加了 "总在最前"; "最小化到通知区域" 按钮.
* 重画了开始菜单中的电源 / 锁定按钮, 原版看上去脏兮兮的.

已知问题:
* Photoshop 不能按 ClearType 方式渲染中文字符, 但所有英文字符和数字正常. 原因不明.
* Aero 光泽质感的贴图在实际应用中规则不明, 从资源文件提取的原始位图尺寸过小. 设计过程中只能无脑缩放后使用.
* 导航窗格与右侧内容无法完全对应, 原因为偷懒.
* 窗口焦点逻辑不正确, 原因为偷懒.
* 开始菜单头像边框的混合模式不明, 导致看上去发黑.
* 气泡的 Aero 没有附加颜色. 设计中原为 20% 不透明度的黑色. 原因为偷懒.
* WMP 窗口两侧的高光缺失, 原因为偷懒.

待补设计:
* 控制面板子页 (如 "入门 (欢迎中心)"; "系统属性"; "Update")
* 传统对话框 (如 "任务栏属性")
* 信息框 (即 Message box)
* 语言栏
* 菜单
此帖于 2019-04-07 23:07:40 被 yamatoryou 编辑.
回复时引用此帖