Saemyung ADS·Saemyung ADS更新提案
航空航天和国防工业零部件供应商 Saemyung ADS 的网站改版提案
TARGET LOCK · PRECISION FILM，两项提案
01·PART从一个部件的横截面开始
当风经过这个圆圈时，会在圆周上的 32 个点测量压力。
02·压力将不可见的压力读取为数字
这就是压力传感器在风洞和飞行测试中的作用
03·WING如果展开一个圆圈，它就变成机翼
机翼上方和下方的压力差使飞机升起。
04·SKY小部件支撑着天空
Saemyung ADS在部件和天空之间工作
Saemyung ADS是一家向国内航空航天和国防工业供应四家海外制造商的零部件和设备的公司。库莱特的压力传感器已在国内试验场使用了30多年，并作为KT-1、T-50、FA-50、KC-100、KUH、K2、K21和制导武器的关键部件。除此之外，还有 RBC Bearings 的航空轴承、WRAP 的管道修复材料以及 TTC 的遥测设备。
如果把2013年上线的现有网站从头重新设计，会是什么样子？我们在2026年10月制作并提交了两套随滚动而动的方案。本页记录了这一过程中的思考。
DWG NO. SM-2013-01smadsco.com/kr · HOMESCALE 1:2
它是 KT-1、T-50、FA-50 和 K2 中主要组件的声明仅出现在压力传感器页面的第一段中。第一个屏幕上显示了一个横幅，上面有照片和产品线列表，所以我不得不再次进去看看这家公司一直在从事什么样的领域。
压力传感器页面上的 60 个 PDF、轴承页面上的 39 个 PDF 以及管道维护页面上的 16 个 PDF 都指向同名链接，例如“下载 PDF”。对于已经知道型号名称的工程师来说这已经足够了，但对于刚刚进入应用领域的访问者来说，却无从了解。
该网站基于 2013 年的 WordPress 3.6 构建，主屏幕宽 940 像素。手机屏幕设置包含一个防止缩放的值（user-scalable=no），因此某些手机浏览器不允许您使用手指阅读小规格文本。
主屏幕底部和路线页面上列出的地址不同。办公室搬迁后，似乎只固定了一个地点。我们需要一种结构，可以在一个地方修改相同的信息并反映在所有屏幕上。
Saemyung ADS 的故事有两个结局。一端是 KT-1 和 T-50 等飞机，另一端是压力传感器和内置轴承。这两项提案以相反的方向讲述了同一个故事。
ATARGET LOCK天空→零件
云层上方的飞机
仪表板亮起
目标锁定
关于我们
拆卸的轴承
组装轴承BPRECISION FILM部分→天空
分散的部分
分解图
组装
洞外的天空
天空
关于天空公司飞行器长超过10米，内部的压力传感器只有指尖大小。 Saemyung ADS 的网站必须吸引这两种规模之间的访问者。
第一个提议从云层上方的飞机开始。当您向下滚动时，仪表板会亮起，锁定目标，并将您带到正在组装轴承的场景。让我们首先告诉您这部分的用途。
第二个建议从松动的轴承部件开始。一旦部件组装完毕并开始旋转，相机就会穿过中心的孔进入天空。这是显示零件精度的一种方法。
两个提案最终都在同一个地方。这是因为 Saemyung ADS 的工作是在制造商和飞行系统之间选择和供应正确的零件。因此，我决定将这个案例命名为“零件与天空之间”。
更新从重新阅读标志开始。网站上的徽标是一个小 GIF，宽 189 像素，高 50 像素。当这张图片被放大16倍并沿着像素边界重新绘制时，在较小尺寸下不可见的纹理被显露出来。
LOGO · 189 × 50 PXASSEMBLED
Saemyung 的首字母 S 和 M 用非常粗体的哥特式字母写成。字体颜色不是纯黑色，而是略亮的#191919。
从M的右柱开始，三个5px高的条向右延伸。 The 2px gap between the bars is purple like the plate.我们将此条视为前进速度线。
博拉板的左上角与水平面呈66.7°斜切，三杠停在这条对角线处。本案例页上的部分标记也是沿着这条对角线绘制的。
ADS 用白色字母写在板的底部。板上的紫色和白色字母的亮度对比度为8.1：1，因此即使在小尺寸下也清晰可见。
该网站现在以四个不同的名称列出同一家公司。我没有将范围缩小到一个，而是决定每个屏幕使用什么名称。
两个方案都以日落后的天空为舞台。背景是深蓝色，接近于黑色，上面是标志的紫色，地平线的橙色，以及金属部件的银色。
问题在于徽标中的紫色。这种紫色在白底下很清晰，在深色背景上只有2.4:1，所以标志被埋在了背景里。
板 · 深色背景2.4:1下图标准 3:1 过图标准 3:1
它是接近黑色的深蓝色，其中薄膜和仪表板最清晰可见。
这是徽标 GIF 中 1,680 个紫色像素的平均值。
在保持徽标的紫色色调的同时，我仅增加了亮度以匹配深色背景和白色 ADS 字母。
当使用紫色作为文本时，我们将其亮度进一步提高了一级，以便即使在深色背景上也可以阅读小文本。
这是取自日落和发动机灯的强调色。两个提案都使用相同的值。
轴承和传感器主体是银色的。它不用作按钮或链接颜色。
#4E4B75 / #07080C2.4:1不理想·图3:1#4F54A3 / #07080C2.9:1不理想·图3:1#6461A8 / #07080C3.6:1通过·图3:1#FFFFFF / #6461A85.5:1通过·文本 4.5:1#8F8CE6 / #07080C6.7:1通过·文本 4.5:1#F2883A / #07080C7.9:1通过·字母 4.5:1#F2883A / #FFFFFF2.5:1小于 4.5:1#AD4F14 / #FFFFFF5.3:1通过·文本4.5:1橙色仅用于按钮、最重要的数字和像轨迹一样移动的线条。大表面没有被橙色覆盖。
在浅色背景上，使用徽标紫色，在深色背景上，使用浅紫色。对于深色背景上的徽标，只有印版的颜色会更改为深色背景版本。
在天空照片和渲染屏幕上放置文本时，请应用下面的深色渐变以遵守文本标准 (4.5:1)。
钛银仅用于零件和辅助字母上。银色按钮看起来不应该在深色背景上按下。
本网站的读者是测试工程师和采购经理。他们在句子之前阅读型号名称和编号。这两个提案在标题和正文中使用了 Pretendard，在模型名称和测量值中使用了 JetBrains Mono。
小小的零件撑起了天空。
只有测量准确才能完成测试，只有测试完成后才能开始飞行。PT-01 101.3 kPa
0123456789 · Ø ± ℃ ℉ kHzXCQ-062超小型压力传感器LL-080薄型线性压力传感器APTE-51-1000飞机压力传感器CDAU-2010PCM数据采集nGWY-2000网络网关MSSR-2000C-SA高速摄像系统负数和范围减号用减号 (−) 书写，而不是连字符 (-)。
单位与数字之间应以一个空格分隔，但即使行发生变化，也不应与数字分隔。
型号名称应以固定宽度字体书写并分组在一起，以便在连字符处不会断行。
型号和系统名称遵循官方符号。用作KT-1、FA-50、KUH。
该网站目前分为四个菜单下的十个页面。这两项提案都将主页重新组织为七个场景，类似于一次飞行，产品材料和公告板保留在现在的位置。
现在 · 4 个菜单，10 页
提案 · 一个主页，七个场景
保持原样四个产品页面和115个PDF通知·新产品·手册/报告公告板当前管理员和发布地址
我们创建了一条连接五个应用领域和四个制造商的路径，以便不知道型号名称的参观者可以从自己的行业出发找到合适的产品。 Click on the industry name.
Kulite压力传感器的核心是刻在硅薄膜上的四个电阻。当压力使膜弯曲时，两个电阻值增大，另外两个电阻值减小。像电桥一样连接四个电阻的电路（惠斯通电桥）将差异转换为非常小的电压。
通过移动杆或按压膜来施加压力。如果选择风和发动机，快速变化的压力就会变成波形。
模具·横截面新闻
OUTPUT · mV100 kPa = 100 mV
这些数字是说明原理的示例（电源电压 10 V，100 kPa 时输出 100 mV）。实际功率和范围会因型号而异。该网站的压力传感器页面介绍了压阻硅元件作为Kulite的核心技术。
运动有四个原则： 如果您在设备上打开“减少运动”，这两个建议都会停止大幅运动并在固定屏幕中显示所有文本。
分散的零件按照卷轴排列到位。第一个方案是在浏览器中实时 3D 绘制，而第二个方案则从预渲染的胶片中组装轴承。
Go through the center hole of the part or the crosshair on the instrument panel and proceed to the next scene.它是一个无缝连接场景的设备。
像压力和进度这样的数字会像实际的移动值一样变化，而不仅仅是装饰。它被制作成类似于测试现场的屏幕。
就像瞄准目标的十字线一样，重要的场景会短暂地冻结在屏幕上，让您有充足的时间阅读它们。
我们从云层上方的飞机开始，然后向下移动到仪表板锁定目标并组装实时 3D 方位的场景。这四种产品以水平流动面板的形式呈现，其应用则以堆叠卡的形式呈现。
在方案A的场景中，我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
向下滚动时，您将在接近飞机时绘制地平线和速度刻度，并最终锁定目标。
当你滚动鼠标时，包含 30 年供应历史的句子会逐字清晰地显示出来。
外圈、内圈、球和保持架分离并组装成一体。
垂直滚动变为水平移动，穿过四个伙伴面板。
TARGET LOCK调色板24个PC屏幕场景中每种颜色的接近像素比率·橙色仅出现在屏幕的0.7%中
A·TARGET LOCK如果它作为一部分从天而降
B·PRECISION FILM穿过零件上的孔洞，回到天空。
两部逐一建模和渲染的 3D 影片随着您的滚动而旋转。分散的轴承组装完毕后，穿过中心的孔，飞向天空，四位伙伴在每一章中都以不同的方向出现。
在方案B的场景中，我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
当组装好的轴承开始旋转时，通过中心孔可以看到天空，相机也穿过该孔。
当拆卸下来的传感器组合在一起时，组件标签、压力波和 kPa 读数会一起移动。
轴承的外圈、内圈、球的节圆、尺寸线按照滚动条依次绘制。
五列依次亮起，从传感器到信号处理、编码器、传输和地面接收。
你可以逐帧翻阅第二个提案中的两部电影。在屏幕上水平拖动或移动下面的栏。
分散的外圈、内圈、球、保持架组装起来，通过中心孔通向天空。
电缆、主体、薄膜和螺钉组装成一个压力传感器。
001 / 079
PRECISION FILM调色板33个PC屏幕场景中，每种颜色的接近像素比例·金属和日落稍宽
我把第一个提案放在屏幕上，从头到尾又看了一遍。我看到了三件事令人失望，第二个提案从解决这三件事开始。
第一个提案是关于摄影和实时 3D 的。第二个提案以 3D 方式对轴承和压力传感器进行建模，并在卷轴上旋转两片胶片，每片胶片都一张一张地渲染。
第一个场景结束后，下一个场景之前有一个黑色的部分。第二个建议是穿过轴承的中心孔，直接进入天空场景。
水平流动的产品面板在屏幕上方和下方有大量空白。第二个提案将四个伙伴改为占据整个屏幕的章节，每个章节都有装配、绘图、包装和信号路径等不同的呈现方式。
为了确定故事的框架，我首先将四个方向与第一幅屏幕草图进行了比较。两个方向成为提案，另外两个方向没有放弃，而是转移到提案内的设备和数据组织方法。
方向是利用试飞仪表板屏幕作为网站的框架。地平线、网格和标线引领着场景。
这是第一个提案这是直接对零件建模、渲染并通过滚动影片显示的方向。
这是第二个提案绘制零件横截面和尺寸线的技术图纸的方向。
移至RBC章节的绘图渲染目录的方向是把型号名称和规格表放在前面。
迁移至 115 种组织产品页面和材料的方式The bearings and pressure sensor in the second proposal are not photos, but frames modeled in 3D and rendered one by one.因为选择并绘制了与滚动位置匹配的框架，所以部件以访问者的速度组装。
外环、内环、球、保持架、传感器主体、螺钉、薄膜和电缆均以通用形式建模。它不是制造商实际图纸的副本。
为了凸显金属的反射，边缘在深色背景上被照亮，笼子被涂成黄铜。
横屏分别渲染了256个轴承和168个压力传感器，竖屏分别渲染了一半。
将帧更改为灯光图片文件，对于洞外可见天空的场景，会为每一帧记录洞的位置，并与天空照片重叠。
两个提案的首屏和动作有所不同，但以下四点是相同的。这是因为无论选择哪种方案，网站的运营方式都必须相同。
顶部菜单中的报价查询按钮和最后一个场景指向同一个地方。我们贴了一个通知，说您只需告诉我们产品名称和应用环境即可。
它以相同的顺序显示编号、制造商名称、产品线、应用程序以及制造商网站的链接。
产品页面、115 个 PDF、通知·新产品·手册/报告公告板使用当前地址和管理员。
在打开“减少运动”功能的设备上，影片和 3D 将停止，所有文本将显示在固定视图中。
为此提案创建了飞机、产品和应用场景。每个场景都调整了比例和焦距，一旦确定，Saemyung ADS的实际照片和制造商的产品照片就可以在同一地点进行更改。
报价查询通常是在考试现场或出差时通过手机开始的。两项提案都针对 390 像素屏幕重新构建了场景。第二个方案为垂直屏幕导入单独渲染的胶片，部分填充屏幕中央。
两个方案使用相同的内容和相同的颜色，但它们首先呈现给参观者的场景是不同的。第一个提案首先展示了该公司使用飞机和仪表板的现场，第二个提案首先展示了用 3D 胶片展示零件的精度。 Saemyung ADS 整理了这些差异，以便您可以根据您想在本网站首先见到的访问者进行选择。
SAEMYUNG ADS RENEWAL PROPOSAL
Saemyung ADS网站改版提案·TARGET LOCK·PRECISION FILM
| Test Item | Value |
|---|---|
| Client | Saemyung ADS · Saemyung ADS有限公司 |
| Project | 网站改版提案（韩文网站） |
| Period | 2026 年 10 月 |
| Research | 当前站点第10页·115个素材·Logo GIF 189×50px |
| Identity | SM · 三条 · 对角线 66.7° · #4E4B75 |
| Direction A | TARGET LOCK·从天空到零件 |
| Direction B | PRECISION FILM·从零件到天空 |
| 3D Film | 256个轴承，168个压力传感器 |
| Mobile | 390px屏幕场景重构·竖屏胶片 |
| Typefaces | Pretendard · JetBrains Mono |
| Studio | BlueCanvas·改版提案 |
Test Window2026.10
我们将与您一起设计故事的走向，让参观者从第一屏就能认识到技术和性能等难以解释的优势。
企业 · 材料
TERAON
纳米碳材料企业的网站改版提案。我们从把热量送向人的薄膜加热器 VESTATON® 和把热量从芯片中导出的芯片粘接剂 TERABOND® 中读出“热的两个方向”。标志中的 O 被画成电源符号，橙色放在热成像刻度约 150℃ 的位置，原本分散在三张主页面和两个弹窗中的内容被重新归入 WARM · COOL · BASE 三条线。提案还包括从一月最初四版方案中得到的经验，以及流动碳带的 Thermal Flow 和从纳米放大到公里的 Warm the Human, Cool the Earth 两个方案。
企业 · 材料
Hitech Polymer
高分子材料供应商的网站改版提案。品牌解读从“聚合物”一词所含的“许多部分相连”以及藏在产品中看不见的材料出发。内容包括连接四家供应商、六种材料和四个行业的地图，可以亲手操作链条、压缩、开孔和导电丝的四个材料实验，炭色与琥珀色、藏青与青绿两套配色，Matter in Motion 与 Polymer Scroll Film 两个方案，以及点变成链条、绳结和网的滚动演出。
全球企业
Youngone Corporation
一家名字从不出现在服装标签上的全球 OEM 企业的网站改版提案。内容包括“从衣服的内侧，到世界的外侧”的品牌解读、色彩系统、从雪山开始的首页方案、制造工序的滚动交互，以及全球网络、材料和 ESG 页面。
Contact
请告诉我们您的现状与目标。 我们将为您梳理可行范围、推进方式及预估费用。
DIRECT