美文网首页
rainmeter使用经验分享_win10桌面美化保姆级教程

rainmeter使用经验分享_win10桌面美化保姆级教程

作者: 子映 | 来源:发表于2020-03-30 16:56 被阅读0次

    {简洁风格的win10桌面}

    成果展示

    桌面元素:

    左侧灰色背景图标栏\color{Aqua}{||}半透明背景文字软件栏\color{Aqua}{||}机主个人信息\color{Aqua}{||}日期\color{Aqua}{||}备忘录\color{Aqua}{||}顶部dock栏\color{Aqua}{||}欢迎文字\color{Aqua}{||}必应搜索框\color{Aqua}{||}时间\color{Aqua}{||}可视化音乐展示\color{Aqua}{||}任务栏win图标+正在运行软件图标+网速监测

    使用软件:

    Rainmeter 4.3.1.3321(64-bit)\color{Aqua}{||}RocketDock 1.3.5\color{Aqua}{||}TrafficMonitor 1.78(x64)\color{Aqua}{||}Windows 10 家庭中文版 1909\color{Aqua}{||}TranslucentTB

    Rainmeter&RocketDock

    Rainmeter激活皮肤:

    Amusphere\SideBar\SideBar\color{Aqua}{||}Elegance2\Clock\Clock_hori1\color{Aqua}{||}Elementary\Date\eDate2\color{Aqua}{||}Simple Clean\Greats\Greats\color{Aqua}{||}Simplon\Google Search\Google Search\color{Aqua}{||}Simplon\TimeOfDayWallChange\WallChange\color{Aqua}{||}Simplon\Todo\Todo\color{Aqua}{||}Simplon\Visualizer\Visualizer

    rainmeter已激活的皮肤

    相关链接:

    {达到成果展示效果需要的资源}

    需求 链接
    图标搜索及下载 Iconfont
    Rainmeter软件下载(official website) Rainmeter
    Rainmeter说明书(进阶用) Rainmeter Tips
    TrafficMonitor软件下载(from github) TrafficMonitor
    TranslucentTB软件下载(UWP) TranslucentTB
    RocketDock软件下载(from punklabs) RocketDock
    Rainmeter皮肤打包分享 百度云(提取码:bnxc)

    {使用到的Rainmeter皮肤及其作者}

    皮肤 作者
    Amusphere aidendrew.deviantart.com - http://rainmeterdesk.blogspot.com
    Elegance2 lilshizzy@gmail.com
    Elementary Flying Hyrax: flyinghyrax.deviantart.com
    Simple Clean -HipHopium-
    Simplon Connect-R


    {\color{Darkorange}{--制作过程--}}



    1. 软件

    1.1 软件安装

    1.1.1 TranslucentTB

    TranslucentTB在微软应用商店直接下载安装即可,非微软应用商店下载安装的TranslucentTB软件是免安装的,直接点击下载到的TranslucentTB .exe文件即可运行TranslucentTB。将下载到的TranslucentTB .exe文件复制粘贴至路径:

       C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp
    

    或路径:

     C:\Users\用户名\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup
    

    即可实现该软件的开机自启动。

    1.1.2 TrafficMonitor

    直接点击下载到的TrafficMonitor .exe文件即可运行TrafficMonitor。该软件在运行时会在自身所在的文件夹内写入文件记录使用情况(包括软件内设置),所以不适合直接将TrafficMonitor .exe文件放在需要管理员权限才能写入文件的开机自启动文件夹内,可以将TrafficMonitor .exe的快捷方式放在该文件夹内。

    1.1.3 RocketDock

    运行RocketDock .exe文件进行安装。在软件自身的程序设置中勾选启动时自动运行选项即可开机自启动。

    1.1.4 Rainmeter

    运行Rainmeter .exe文件根据安装向导安装即可。开机自启动方式同TrafficMonitor。

    双击下载的Rainmeter皮肤文件安装即可将别人设计的Rainmeter皮肤安装到自己电脑的Rainmeter软件中。 Rainmeter皮肤长得像这样

    1.2 软件使用

    1.2.1 TranslucentTB

    右击任务栏的TranslucentTB图标可以设置透明模式,Blur(模糊)就是半透明毛玻璃效果,Clear就是全透明,这两个都很适合。 TranslucentTB设置界面

    1.2.2 TrafficMonitor

    右击任务栏上的TrafficMonitor软件图标,勾选显示任务栏窗口,取消勾选显示主窗口,可取消悬浮于屏幕的元素过多的流量监视窗口而使用位于任务栏的简洁监视窗口。

    右击TrafficMonitor软件图标 点击选项按钮进入选项设置,在任务栏窗口设置中调整显示内容,直接点击预设方案使用预设方案1就可以了。 任务栏窗口设置

    1.2.3 RocketDock

    \color{Chartreuse}{||}右击软件运行后出现的dock栏中的任意图标打开RocketDock右键菜单\color{Chartreuse}{||}
    \color{Chartreuse}{||}勾选自动隐藏按钮可以使整个dock栏自动隐藏,简洁设计时没有必要隐藏\color{Chartreuse}{||}
    \color{Chartreuse}{||}鼠标左键按住dock栏上的某一个图标将它拖动出dock栏的范围可以快速将dock栏中的图标去除,为防止误操作勾选锁定图标按钮可以使图标不被拖动\color{Chartreuse}{||}

    RocketDock右键菜单
    展开添加项目可以选择添加项目的种类
    添加项目 选择文件选项,在路径:
     C:\ProgramData\Microsoft\Windows\Start Menu\Programs
    

    选择自己要添加的软件即可将该软件加入dock栏,之后就通过dock栏快速启动该软件。\color{Chartreuse}{||}

    添加文件项目
    在需要改变图标样式的dock栏内的旧图标上右击,选择图标设置选项,可以更改图标的属性
    图标目录框内点击加号,然后选择自己保存图标文件的文件夹,可以将该文件夹添加至图标目录框中
    点击图标目录框中的任意一个路径可以将文件夹中的图标显示在右边的图标框中,点击图标框中相应的图标即可实现dock栏内该软件图标的更换 图标设置 在dock栏内的图标上右击,选择程序设置选项,将语言调整成简体中文,图示为建议设置 程序设置 在图标选项卡中将不透明度改为100%,其他参考图示建议设置 图标选项卡 大体可以实现这样的效果 实现效果

    1.2.4 Rainmeter

    \color{Chartreuse}{||}鼠标左键单击任务栏的Rainmeter图标进入Rainmeter管理器\color{Chartreuse}{||}

    Rainmeter管理器 展开左侧框内的皮肤文件夹,单击以.ini结尾的文件,再点击加载按钮即可将该控件加载至桌面,例如这个时间控件 时间控件举例 这些控件是可以拖动的,将它们放置到合适的位置,然后右击它,在设置中取消勾选允许拖动即可固定其在桌面的位置 右击桌面的控件后出现的菜单 有的皮肤带有比较全面的设置选项,大部分皮肤的制作者都不会制作特别全面的设置选项,这时候就需要自己编辑皮肤的ini文件内容
    在管理器的某一个ini文件界面点击编辑按钮进入皮肤内容的自由编辑 Rainmeter管理器界面点击编辑按钮 ini文件的编辑器由Rainmeter管理器中设置选项卡中的编辑器:选项指向的路径决定 设置选项卡 编辑内容的解释如下图片所示,了解了这些基础的内容就可以在本文开头的“Rainmeter激活皮肤”标题下显示的多个ini文件的基础上完成本文开头成果展示图片的效果
    在自己动手编辑前可以先把相应的ini文件加载,将其他的ini文件卸载;点击未加载的ini文件再点击加载即可加载,点击已加载的ini文件再点击卸载即可卸载 Amusphere/Sidebar皮肤的编辑举例

    2. 图标

    2.1 获取图标

    打开iconfont网站,在搜索框内输入自己想要的图标的名字。

    Iconfont网站主页 比如说搜索QQ,可以得到很多的搜索结果。 搜索QQ得到众多图标 将鼠标移动至其中的一个图标上,点击弹出的下载图标按钮进入下载页面。 点击下载图标按钮 在下载页面调整图标主体的颜色和像素大小,调整完成后点击下方的PNG下载按钮,将png格式的图标下载到本地。 下载页面

    2.2 修改图标

    (略)

    2.3 图标存放位置

    在该路径:

     C:\Users\用户名\Documents\Rainmeter\Skins
    

    查找相关的rainmeter皮肤文件夹,在相应文件夹内存放对应的由该皮肤调用的图标。
    例如成果展示图片中屏幕最左侧那一列中的图标及个人信息中的图标就是保存在这个路径下:

     C:\Users\用户名\Documents\Rainmeter\Skins\Amusphere\SideBar
    

    3. 背景图片

    3.1 背景图片的获取

    网站(含有个人偏好) 链接
    必应壁纸 必应壁纸
    pixabay pixabay
    10wallpaper(加载较缓慢) 10wallpaper
    wallpaperup wallpaperup
    回车桌面 enterdesk
    unsplash(加载较缓慢) unsplash

    要和以黑白灰为主要颜色的图标文字搭配,下载的壁纸最好是明亮、色彩丰富、元素较为统一的图片,以自然风景为佳,其他内容也可适当搭配。

    3.2 背景图片的设置

    使用图片处理软件处理下载到的图片,为使扁平化设计的桌面中文字更加明显,需要对图片做以虚化为主的处理。
    \tag{处理举例}

    3.2.1 Picasa

    在文件夹中右击图片→打开方式→Picasa 照片查看器→在Picasa中修改→柔化 在Picasa中修改 将柔化栏调整至最高,将淡化栏调整至最低。 柔化调整 点击应用,保存文件。

    3.2.2 Adobe Photoshop CC

    将文件夹中的图片拖至Photoshop软件界面进行编辑
    滤镜→模糊→高斯模糊

    编辑图片 将半径(R)值调整至10以下的合适值,使得图片的背景被虚化至不会对桌面文字造成较大影响的程度 高斯模糊 保存→存储

    3.3 背景图片的保存

    应用TimeOfDayWallChange皮肤的时候,需要将相应的壁纸图片文件保存在该皮肤的文件夹内 根据时间变化自动更改壁纸

    路径如下:

     C:\Users\用户名\Documents\Rainmeter\Skins\Simplon\@Resources\TimeOfDayWall
    
    将保存至此处的图片文件名称改为相应的名称即可 文件名需要如图所示

    4. 其他美化设置

    4.1 任务栏图标居中显示

    首先在一个不会被误删除的文件夹内(最好直接就用Rainmeter软件安装目录),新建一个空白文件夹,将空白文件夹命名为“供任务栏居中使用”(以使自己不会误删它)。
    右击任务栏空白处→工具栏→新建工具栏→选择刚才新建的“供任务栏居中使用”空白文件夹→这时候任务栏会出现两道横杠,它们是可以被移动的。

    此时的任务栏 将win徽标下的两道横杠移动到最下面,再将其上拉至任务栏中间。 居中显示之后 右击供任务栏居中使用文字→取消勾选显示文字显示标题选项→右击任务栏空白处→勾选锁定任务栏选项。

    4.2 去掉任务栏各种图标

    右击任务栏→任务栏设置→选择哪些图标显示在任务栏上→将显示的选项全部关闭。
    右击任务栏→任务栏设置→打开或关闭系统图标→将显示的选项全部关闭。

    5. 美学基础

    5.1 配色方案

    在此查看配色进阶

    三基色:红色、黄色、蓝色。红色+黄色→橙色,黄色+蓝色→绿色,蓝色+红色→紫色。这些颜色的混合又可以生成其他颜色,形成色环。 色环

    以下是几种配色方案。这些配色方案中对比性比较强的都不太好设计,如果一定要使用就尽量降低饱和度以减弱对比效果。

    5.1.1 单色

    使用色环中的单一颜色来给你的桌面设计配色,改变色彩的饱和度来创造变化。

    5.1.2 相似色

    使用色环中相邻的几种颜色来给你的桌面设计配色,根据桌面元素的种类和数量来调整使用到的相似颜色的数量。冷暖统一并不是绝对性质的要求,尝试不同的相似色配色方案来达到颜色和桌面元素(图标、文字)的融合。 冷暖色调

    5.1.3 互补色

    使用位于色环相对位置的两种颜色来给你的桌面设计配色,此类配色视觉效果强烈,不适宜在同一个桌面的配色方案中使用多对互补色,可以使用微小的饱和度变化避免过于俗气、简单的成品效果。将互补色的饱和度调高以制造更强烈的对比效果。(这个配色方案好像比较难)

    5.1.4 分裂互补色

    使用色环中一种颜色及其互补色边上的两种颜色来给你的桌面设计配色,相比互补色这种配色方案能够带来更多的变化。 split complimentary colors

    5.1.5 三元色

    使用在色环中均匀分布的三种颜色(即相距120°)来给你的桌面设计配色,即有对比,又很和谐。 triadic colors

    5.1.6 四元色

    使用互补色两侧的四种颜色来给你的桌面配色,使用其中的一种作为主要色调,其他三种作为辅助色调。 tetradic colors

    5.2 颜色名及十六进制颜色值

    参考:CSDN文章中的颜色名列表。在rainmeter的编辑皮肤内容中改变颜色的十六进制颜色值以改变显示在桌面的内容的颜色。在各种可以调出色环调色的软件(例如PS)中根据配色方案原定颜色,一般软件内都会显示颜色的十六进制颜色值。

    5.3 桌面构成

    5.3.1 黄金分割比

    在决定长度或宽度等桌面元素尺寸的时候可以使用黄金分割比,黄金分割比近似为0.618。例如将dock栏的长度设置为桌面纵向或横向长度的0.618,或将控件中心置于将桌面长宽黄金分割的点。 黄金分割矩形

    5.3.2 实用性

    具体控件内容的决定需要考虑到使用者的习惯(包括但不限于点击频率、观察频率和编辑频率),将桌面布置为更适合自己操作的样式比美化它更重要。去除美观但没有必要的控件,去除美观但过度吸引注意力的控件。

    5.3.3 构图规则

    利用局部效果加大量留白增加视觉感受;(图片来源)

    局部效果

    利用线条进行分割增加多样性;(图片来源)

    线条分割

    利用几何图形突出层次感;(图片来源)

    几何图形

    等等。



    {\color{LightSeaGreen}{--其他--}}



    我曾经使用过一段时间的Wallpaper Engine,感觉就是动态图片元素过多,不利于专注,我在开头的成果展示图片中将任务栏的时间显示关掉也是这个原因,桌面大大的漂亮的时钟显示可以供无任务时扫一眼,但是任务栏显示时间之后我就有点强迫症性质地总是看总是看,反而拖慢了任务进程。另外Wallpaper Engine的内存占用率对我的小电脑来说还是太大了,对于一个经常需要开着工程软件同时需要编辑文档+开一堆浏览器页面查资料+开着看书软件查手册的人来说,还是rainmeter的小巧更加令人喜爱。 rainmeter资源占用

    参考:

    相关文章

      网友评论

          本文标题:rainmeter使用经验分享_win10桌面美化保姆级教程

          本文链接:https://www.haomeiwen.com/subject/mgjvuhtx.html