简介这是一份面向InnoSetup使用者的安装与卸载界面美化素材包主要帮助开发者、界面设计师为Windows软件定制更专业的安装向导特别契合nwjs等桌面应用的发布需求。压缩包共183个文件包含PSD分层源图、PNG位图、ISS脚本、info配置与DLL运行组件并附RTF说明、HTML示例及可执行演示整体约121.51MBPSD适合用Photoshop直接改版PNG与ICO图标便于快速替换界面元素。已有7444人学习下载资源同时提供了可直接套用的成品素材和可深度定制的源文件能够帮助绕开尺寸不匹配、脚本未同步等高频问题降低自行摸索成本。脚本层面重点设计了安装与卸载向导的背景、按钮和文字样式通过调整WizardImageFile、UninstallWizardImageFile等参数即可统一两套界面同步修改[Tasks]、[Messages]等段配置还能优化控件布局与文案展示顺序。此外还补充了兼容性测试与用户体验注意事项提醒在追求美观的同时避免干扰操作流程适合需要快速完成品牌化定制或系统学习InnoSetup美工配置的读者。1. Inno Setup 安装界面美化为什么默认向导让软件身价减半做安装包这行当最容易被低估的一步就是安装界面。产品功能做得再扎实双击 exe 弹出那个灰蓝色、宋体 9 号字、四周宽到发虚的 Inno Setup 默认向导用户对软件的信任感先掉一半。反直觉的是Inno Setup 安装界面美化几乎不碰产品代码只在素材和脚本层面做文章换图标、换位图、改字号、调窗口比例再深一层用 [Code] 重画引导文字和品牌信息。这套活做完安装包看起来像正规商业软件单个安装包的体积增加通常不超过 200KB几乎是全 ROI 最高的打包收尾工作。适合谁独立开发者和中小团队最划算不必为了一个安装器去套 Electron 或付费打包工具。往下读之前先把向导上每一块能改的位置认全。2. 先看清要改什么Inno Setup 向导页面骨架与三种美化路线的成本2.1 一个安装向导的组成页面流与可见元素默认的 Inno Setup 向导看起来单调但它的可定制面比大多数人以为的宽。把安装过程拆开看其实是一条页面流欢迎页wpWelcome、许可协议wpLicense、组件选择有的脚本省略、安装目录wpSelectDir、准备安装wpReady、安装中wpInstalling、完成页wpFinished。有的脚本还会在中间插自定义页面那是在这条主线上加挂点。每个页面上的可见元素分三类。第一类是文字标签欢迎页的站欢迎语、各页的介绍文字都有对应控件第二类是位图资源欢迎页左侧大图、完成页右上角小图、标题区背景第三类是按钮和输入控件下一步、取消、单选、复选、编辑框。这三类恰好对应界面的三个美化层次换文字、换资源、换控件表现。在 Inno Setup 的脚本里这些不是写死的。向导窗口作为一个整体叫 WizardForm它下面挂着 WelcomeLabel1、WelcomeLabel2、StatusLabel、ProgressGauge、NextButton、CancelButton 这些公开控件[Code] 段里可以直接改它们的 Caption、Font、Left、Top、Width、Height。这是 Inno Setup 美化比 NSIS 顺手的地方——它不是给你一堵墙而是把每个零件都焊在明面上你拿钳子就能拧。常用公开控件先记一张表后面实操会反复用到控件名作用常用操作WelcomeLabel1欢迎页大标题改 CaptionWelcomeLabel2欢迎页说明文字改 Caption、插入换行StatusLabel安装状态文字改 CaptionFileNameLabel当前处理文件名改 CaptionProgressGauge安装进度条改颜色、位置NextButton / BackButton向导导航按钮改文案、颜色、隐藏FinishedLabel完成页总结文字改 Caption2.2 三条美化路线的成本对比改参数、换皮肤、上代码接到“美化”需求别先一头扎进代码。先选路线。按工作量从小到大排常见做法有三条。路线 A纯配置改动只动 [Setup] 段的指令不写一行 Pascal。SetupIconFile 换图标WizardStyle 决定经典还是现代风格WizardSizePercent 控制整个窗体的缩放倍率WizardImageFile 和 WizardSmallImageFile 换两张位图。这条路成本最低一个下午能出效果适合先给评审看方向。缺点是只动参数不换素材观感提升有限。路线 B素材换血在路线 A 基础上把欢迎页大图、完成页小图、图标、横幅都做成品牌级素材再配合字体重设。图片决定了安装包 80% 的第一印象所以这条路性价比最高。代价是你会点设计工具至少能把 32 位透明通道的 BMP 处理好。路线 C[Code] 重绘用 InitializeWizard 事件修改既有控件用 CreateCustomPage 加自定义视觉元素甚至接入第三方 VCL 皮肤引擎换整套主题。效果最接近商业安装程序但工作量是前两条之和还多而且 Windows 7 到 Windows 11 之间每个系统都可能冒出布局问题维护成本要算进去。选型建议按交付口径走给内部工具做美化路线 A 加半套 B 就够对外发行的商业软件直接预算路线 C 的时间。安装包这东西不像业务代码能上线后慢慢补用户第一次双击看到的那个界面就是他对你产品的全部第一印象。2.3 动手前的环境准备Inno Setup 版本和素材规格工具方面建议直接用 Inno Setup 6别再用 5.x 维持旧脚本。6 的 modern 风格把默认控件打磨得干净很多很多 5.x 时期要写代码才能做的扁平效果新版本一个参数就有。写脚本前把 Inno Setup 安装目录下 Examples 文件夹翻一遍自带范例比任何教程都准我每次换机器第一件事就是把官方范例跑一遍确认版本差异。素材规格按我常备的表格来素材通用格式与尺寸用途安装程序图标ICO含 16/24/32/48/256 多尺寸安装器与卸载程序共用欢迎页大图BMP 32 位带透明通道经典风格 164x314欢迎页左侧完成页小图BMP 32 位带透明通道55x58完成页右上角顶部横幅按实际窗体比例裁切modern 风格标题区BMP 透明通道是 Inno Setup 老玩家都懂的细节。做图时把透明底留好导出选 32 位别拿 JPEG 硬贴上去不然边缘锯齿就是你安装包质量最直观的暴露点。另外强烈建议预算两台虚拟机Windows 10 和 Windows 11 各装一个界面美化需要在多系统上来回验证真机来回双击太费时间。3. 把默认向导改成自家品牌界面ISS 脚本与 [Code] 落地配置3.1 五个必调参数图标、风格、字号、窗口比例直接给一份能跑的 [Setup] 段配置剩下参数按官方示例补齐。用预处理器变量管理产品信息是 Inno Setup 脚本的常见习惯后续换版本只改一行#define MyAppName MyClient #define MyAppVersion 3.2.1 #define MyAppPublisher 北岸软件工作室 [Setup] AppName{#MyAppName} AppVersion{#MyAppVersion} AppVerName{#MyAppName} {#MyAppVersion} DefaultDirName{autopf}\{#MyAppName} DefaultGroupName{#MyAppName} SetupIconFileassets\install.ico WizardStylemodern WizardSizePercent130 WizardResizeno UninstallDisplayIconassets\install.ico逐行说参数SetupIconFile 是安装程序 exe 在资源管理器里显示的图标注意别和主程序图标混用安装器图标独立设计圆角方块加品牌色就够。WizardStyle 只有 modern 和 classic 两个值modern 是现代风格底栏更扁、标题区更宽默认往这个值靠。WizardSizePercent 是这堆参数里最值钱的一行默认 100 对应小窗体4K 屏上看起来像邮票调到 130 甚至 150整个向导的气场完全不同代价是控件位置需要重新验证。WizardResizeno 把窗体锁死避免用户在安装过程中随手拉变形。UninstallDisplayIcon 指定卸载程序在控制面板的图标属于很容易漏但用户看得到的一环。还要补一句版本差异Inno Setup 6 下可以再加 UninstallStylemodern让卸载程序也走扁平风格旧版如果编译报 unknown directive删掉那行即可不影响主流程。字体优先级比很多人想的都高。中文系统默认的宋体 9 号在 Windows 10 以后愈发廉价换字体放在 [LangOptions] 段[LangOptions] WizardFontNameMicrosoft YaHei UI WizardFontSize9微软雅黑的行高比宋体大一圈换完后欢迎页多行文字可能出现截断这是正常的后面在 [Code] 里调整控件高度或文案换行就行。这个调优属于安装界面美化里最“玄学”又最见效的一步——字一换档次感立刻起来。3.2 换掉欢迎页与完成页位图尺寸、格式与透明通道这一步让安装包从“体面”跨到“好看”。在 [Setup] 段挂两张图WizardImageFileassets\welcome.bmp WizardSmallImageFileassets\finish.bmpwelcome.bmp 是欢迎页第一眼看到的图经典风格的标准尺寸是 164x31432 位带透明通道。modern 风格下同一张图会被放到顶部标题区显示尺寸和裁剪逻辑与经典风格完全不同素材做完先编译跑一次看到实际布局再回头微调比对着文档猜尺寸高效得多。说句大实话市面上绝大部分“美化失败”死在位图不透明画布白色底产品名飘在中间和向导背景有一道白边。正确做法是作图时把背景层设为透明导出时选 32 位 BMP。如果不方便用专业设计工具至少把背景色压成和向导背景接近的纯色再把边缘一圈羽化掉观感能接受。finish.bmp 是完成页右上角 55x58 的小图标同样建议带透明通道。用户安装完成后视线最后落在这张图上放个产品 logo 的缩小版比默认的绿箭头有辨识度得多。做位图时另外记住三条图里不要放关键文字因为向导控件坐标在不同分辨率下会压到图上商品图边缘留出 8~10px 安全距离同一套图务必出 1x 和 2x 两版后面高 DPI 排查用得上。3.3 用 [Code] 调整欢迎页文案和字体动态版本与布局控制位图负责大感觉文字负责小细节。下面这段 [Code] 把欢迎页标题换成产品名加版本号把欢迎语换成自然表达同时在窗体左下角加一行版本与版权信息[Code] procedure InitializeWizard(); var VersionLabel: TNewStaticText; begin WizardForm.WelcomeLabel1.Caption : 欢迎安装 MyClient 3.2.1; WizardForm.WelcomeLabel2.Caption : 安装向导会把需要的东西放到正确位置。 #13#13 全程不超过一分钟不需要任何选择一直点 下一步 就好。; VersionLabel : TNewStaticText.Create(WizardForm); VersionLabel.Parent : WizardForm; VersionLabel.Left : ScaleX(14); VersionLabel.Top : WizardForm.ClientHeight - ScaleY(28); VersionLabel.AutoSize : True; VersionLabel.Caption : v3.2.1 build 20250107 | 北岸软件工作室; VersionLabel.Font.Name : Microsoft YaHei UI; VersionLabel.Font.Size : 8; VersionLabel.Font.Color : clGray; end;逻辑分三段。第一段直接换掉默认欢迎标题第二段用 #13#13 拼接换行把欢迎语控制在两行内第三段创建 TNewStaticText 并挂到向导窗体上用 ScaleX 和 ScaleY 做坐标换算字号用雅黑、颜色用灰色。三个易踩的细节。一是 Font.Color 在 Inno Setup 里是 COLORREF 的 0x00BBGGRR 顺序手写十六进制容易把蓝红写反不确定就先用 clGray、clMaroon 这类预定义常量。二是手工创建控件必须设置 Parent漏了编译能过但界面看不到任何东西。三是 Left 和 Top 一定要过 ScaleX/ScaleY否则 125% 缩放的屏幕上坐标就偏了这是 4K 屏最常见的错位来源。如果欢迎页还想要品牌主色调可以在 [Code] 里临时改 WizardForm.MainPanel.Color不过这会影响整个向导页的基础底色。改动前先看一眼默认的 MainPanel 颜色再决定是直接覆盖还是只改局部标签颜色黑白灰永远比大红大紫耐看。3.4 进度页和完成页的动态文案状态标签在手就不慌安装过程页是用户停留时间最长的页面默认文案是“正在安装 MyClient请稍候”。用 CurPageChanged 事件换掉procedure CurPageChanged(CurPageID: Integer); begin if CurPageID wpInstalling then begin WizardForm.StatusLabel.Caption : 正在安装 ExpandConstant({app}) ...; WizardForm.FileNameLabel.Caption : 正在准备文件...; end; if CurPageID wpFinished then begin WizardForm.FinishedLabel.Caption : 安装完成感谢使用 MyClient。 #13#13 如果不满意随时可以在 设置 - 应用 里卸载干净。; end; end;wpInstalling 是进入安装中的信号这时把默认状态行替换成带安装路径的动态文案用户能明确知道安到了哪里wpFinished 对应用户看到的最后一页把官方客套话换成自己产品的口吻。CurPageChanged 是 Inno Setup 内置事件声明了就会被自动调用不用额外注册。进度条本身可以用 ProgressGauge 微调颜色但默认样式已经足够干净真正该花时间的是文案。很多安装包技术上没毛病死在“正在安装请稍候”这种毫无信息量的话上。给用户一个路径、一个预估时间比做任何视觉特效都管用。4. Inno Setup 美化避坑高 DPI、中文字体与页面兼容性的三个坎4.1 现象4K 屏 150% 缩放下欢迎页位图糊成一片现象在 4K 显示器、150% 系统缩放环境里跑美化后的安装包欢迎页大图边缘发虚、文字发糊和设计稿完全不是一个清晰度。原因BMP 位图在 Inno Setup 里是按物理像素贴的系统缩放时 GDI 做的是最朴素的拉伸不会自动换高清图。图本身只有 164px 宽放大到 150% 后被强行拉到 246px不糊才怪。解决三个手段叠加。第一源图直接出高分辨率版本比如按 164x314 的 2 倍做 328x628再把 WizardSizePercent 控制在 100~110让系统少拉一点第二[Code] 里手工定位的控件一律过 ScaleX/ScaleY不要写死 Left 和 Top第三把 Windows 缩放分别设到 125% 和 150% 各跑一遍完整安装流程写进发布前自测清单。自查时重点看三处欢迎页图边缘、完成页小图四周、左下角手工加的版权文字这三个位置是高 DPI 问题的高发区。4.2 现象按钮和自定义标签上的中文变成乱码或问号现象脚本里的中文在编译窗口里正常装出来的安装程序显示成问号或半截字符尤其 [Code] 里用字符串拼接的版权信息。原因根子在 .iss 脚本文件本身的编码。编辑器用 ANSI 保存中文按 GBK 写进去编译器在不同系统代码页下解读出不同结果另一个常见原因是控件字体用了 Arial 这类不含中文字形的字体系统退化成宋体观感立刻拉低。解决脚本统一保存为 UTF-8 with BOM多数编辑器的另存为里有这个选项。代码里手工创建的文字控件显式设置 Font.Name : Microsoft YaHei UI不要依赖系统默认字体。中文字形行高比西文大多行文案用 #13#13 手动换行避免控件高度不够把最后一行文字裁掉。如果项目里必须兼容老旧构建机器还有一个兜底办法把中文文案放进单独的 isl 语言文件代码里引用消息名而不是直接写字面量这样编码风险只集中在语言文件一处。提示脚本保存格式直接影响中文显示建议全程用 UTF-8 with BOM不要等编译报乱码再回头改编码。4.3 现象Windows 7 上正常Windows 11 上控件被拉伸或错位现象同一版脚本Windows 7 虚拟机里一切正常拿到 Windows 11 真机上欢迎页标题与位图重叠完成页按钮被拉宽。原因Inno Setup 6 对不同系统版本有默认的布局微调modern 风格在 Windows 11 的 DPI 缩放、字体渲染和任务栏尺寸下控件坐标会被整体位移。脚本里如果大量使用绝对像素定位又没有锁定 WizardResize窗口尺寸变化后内部控件不会等比跟随。解决把 WizardResize 固定为 noWizardSizePercent 设一个固定值[Code] 里的控件坐标全面改用 ScaleX/ScaleY。Windows 7 上文字与位图重叠的常见原因是系统缺 Segoe UI 字体程序降级到宋体后行高变大给文本标签预留 10%~15% 的高度余量。这个只能靠多系统跑测兜底没有捷径属于美化界面的血泪经验有条件就上自动化脚本在虚拟机里跑一遍静默安装后截屏对比比肉眼盯效率高得多。4.4 现象换肤后安装包在部分机器上启动异常或闪退现象加了 VCL 皮肤后在自己机器上安装正常换到精简版系统或 Windows Server 上双击安装包直接报“应用程序错误”或闪退。原因皮肤 DLL 依赖的 VC 运行库在精简系统上缺失或者 DLL 版本与 Inno Setup 编译器位数不匹配运行时加载失败又没有做任何异常兜底Inno Setup 自身就崩了。解决换肤前先在干净虚拟机、无运行库环境里跑一次如果确认是运行库问题把对应运行库合并进安装包或改用静态链接版 DLL再不行就退回纯 [Code] 配色方案。不要迷信皮肤它解决的是视觉一致性的最后一公里不是安装包稳定性的保障。5. 进阶用 VCL 皮肤给安装器整体换肤并验证效果如果前面的参数和 [Code] 还满足不了你常见做法是上 VCL Styles——一套给 Inno Setup 加皮肤能力的社区方案通过外部 DLL 把整套向导窗体换成定义在 .vclstyle 文件里的主题圆角、深色、扁平化都能覆盖到。把补丁包里的 VclStylesInnoSetup.dll 和皮肤文件放进脚本目录然后在 [Code] 里加载[Files] Source: VclStylesInnoSetup.dll; DestDir: {tmp}; Flags: dontcopy Source: dark.vclstyle; DestDir: {tmp}; Flags: dontcopy [Code] procedure LoadVCLStyle(AFileName: WideString); external LoadVCLStylefiles:VclStylesInnoSetup.dll stdcall setuponly; procedure InitializeWizard(); begin ExtractTemporaryFile(VclStylesInnoSetup.dll); ExtractTemporaryFile(dark.vclstyle); LoadVCLStyle(ExpandConstant({tmp}\dark.vclstyle)); end;加载逻辑不复杂前提条件有三条缺了都能肉眼可见地翻车。一是补丁版本必须和 Inno Setup 版本匹配64 位编译器配 64 位 DLL混用会出现加载失败或界面分裂二是外部 DLL 的导出函数名以补丁包内 README 为准不同维护者封装不同三是 vclstyle 文件本质是一份外观配置换肤后原来 [Code] 自定义文本的颜色要跟着调整否则出现深色窗体配浅灰文字这类对比问题。加载完跑一遍确认三个点欢迎页位图区域没被皮肤遮住按钮在 150% 缩放下保持圆角卸载程序外观也同步换肤。验证皮肤加载是否到位加一行临时调试if FileExists(ExpandConstant({tmp}\dark.vclstyle)) then MsgBox(skin file ready, mbInformation, MB_OK);我自己的习惯是把皮肤文件先复制到 {tmp}弹窗确认路径再把 LoadVCLStyle 调用加上两段分开排查比一次改完然后对着黑屏猜原因省时间得多。美化安装包做了几年最大的教训是素材、脚本、系统三层各管各的脏活出问题先定位是哪一层坏了再动手别一上来就重画界面。希望帮到你。本文还有配套的精品资源点击获取