
Safari Redesign
在使用Safari浏览器时,一直对它的部分界面和交互不太满意,主要有两方面,一个主界面的输入框在顶部,每次打开新界输入网址时视觉跳动比较大,鼠标的移动范围也增加了,二是同网站的icon视觉大小会不一样,在整个主界面中未进行处理,视觉上显得非常乱。其它的修改主要是收藏栏加了hover状态以及排版的小调整,无痕浏览模式在顶部加入常驻状态(之不明显用户在浏览网页时很难判断处于哪一种状态)。
最后,在设计时参考了谷歌浏览器界面,这也仅仅是个人练习,会有很多不足之处,还请见谅!

在界面中间增加输入框(方便用户更快速使用搜索或输入网址),Icon增加了外边框使网站的Icon在视觉上尽量统一整齐。
主界面输入框在用户输入时会引用最近搜索关键词和历史记录中的网址,顶部地址栏功能没什么变化只是在视觉上进行优化设计。
此处在“稍后阅读标签”中增加标记功能(用于对信息分类),调整了间距以及部分布局。
黑暗模式下界面整体以黑色为主不再是之前的白底,使浏览器与系统在视觉上更统一。
突出顶部无痕浏览状态且常驻,使用户使用更放心。
主界面
主界面(Hover状态)
输入状态
顶部输入框未输入
顶部输入框已输入
侧边收藏 1
侧边收藏 2
侧边收藏 3
黑暗模式
菜单(间距调整)
无痕模式 1
无痕模式 2
