Summary重點摘要 My Role我的角色 The Brief設計命題 Paint to Film噴漆改 IMR Side Texture側邊咬花 Logo & ColourLogo 與顏色 Timeline歷程 More更多
‹ Back to Works返回作品

Vector 18Vector 18

Year年份
2024–2025
Concept Proposal概念提案 CMF DevelopmentCMF 開發 IMRIMR 製程 Texture Validation咬花驗證
Laptop · MSI筆電 · MSI Mass Production 20252025 量產

A step down in price, not in finish. Built on Raider 18's tooling with only four new parts, for a big cut in cost and a workstation identity of its own.價格降一階,質感不降。 沿用 Raider 18 的模具,
只新增四個件,C 件從噴漆改成 IMR,並做出屬於工作站的外觀。

Summary重點摘要

I ran the ID and CMF work on Vector 18, a cost-down refresh of Raider 18.
I wrote the proposal, then took the new C-side, side texture, rear cover and logo
through vendor validation and the first tool trials,
before handing over in September 2024.
我負責 Vector 18 的 ID 與 CMF,這是 Raider 18 的降本改款。
從寫提案開始,把新的 C 件、側邊咬花、後蓋與 logo
一路帶過廠商驗證與前幾次試模,2024 年 9 月交接。

~18%
Housing Cost Target外殼成本目標
A to D parts, against Raider 18A 到 D 件,與 Raider 18 相比
4
New Parts新增件數
Everything else carried over from Raider 18其餘沿用 Raider 18
3N→5N
Scratch Rating耐刮等級
Side texture, raised in one redesign側邊咬花,改一版後提升
14 mo
Proposal to Production提案到量產
January 2024 to March 20252024 年 1 月到 2025 年 3 月
My Role我的角色
Proposal to
First Tools
從提案
到試模

I ran the project day to day. Beyond the proposals and renders, that meant driving validation with suppliers and holding the schedule, so the detail survived a fixed cost target and a fixed launch date.

專案的日常推進,除了提案、渲染圖等,也包含與廠商共同推進驗證與時程把控,希望在價格框架與上市時間的壓力下,同樣帶出細緻度。

Scope of Responsibility職責範疇
01
The Proposal改款提案

What to take off Raider 18, what to keep, and how the result still reads as its own product. Renders, a running mock-up and the deck that went to management.Raider 18 要拿掉什麼、留下什麼,拿掉之後怎麼還是一台獨立的產品。 渲染圖、可開機模型,以及給主管決策的簡報。

02
C-Side in IMRC 件改 IMR

Moving the C-side from paint to IMR for cost and environmental reasons. Sharing a film already in mass production cut the up-front spend substantially.C 件從噴漆改為 IMR,製程上的調整出於成本與環保考量;共用已量產的薄膜,大幅降低前期支出。

03
Side Texture & Rear Cover側邊咬花與後蓋

The recessed side lines, from texture plates to scratch testing to the tool, and the VECTOR lettering cut into the rear cover.側邊凹刻線條,從咬花板、刮擦測試到上模具;以及後蓋上的 VECTOR 字樣。

04
Logo & ColourLogo 與顏色

Three logo finishes rendered and compared on cost, and Cosmos Gray anodising introduced at a supplier running the colour for the first time.三種 logo 工法的渲染與成本比較;並把宇宙灰陽極導入第一次做這個顏色的陽極廠。

The Brief設計命題

Same tooling,
a new series
同一套模具,
另一個系列

Raider 18 is the high-end gaming laptop: an RGB light bar, an illuminated RGB logo and a painted C-side. Vector 18 is aimed at value-minded buyers and STEM professionals. The brief was to reduce cost without it looking like a cost-down model, while keeping the brand's detailing and the finish expected at this level. So we shifted the design language from gaming laptop to workstation: a restrained palette, no lighting, and linear vector detailing carrying the identity instead.Raider 18 是高一階的電競機種:RGB 燈條、發光 logo、C 件噴漆。 Vector 18 定位鎖定效益為上的消費者與 STEM 專業人士。 設計主軸是降低成本,但不能看起來像低階版本,仍須保持品牌細節與該階機種精緻度。 所以設計語彙從電競筆電轉向工作站:顏色收斂、取消燈效,改由線條與向量撐起辨識度。

Gaming Series電競系列

The 18-inch line-up: Titan, Raider and the new Vector18 吋產品線:Titan、Raider 與新的 Vector

Titan 18

Titan 18

Raider 18

Raider 18

The new Vector 18

Vector 18 New新

What Was Removed拿掉了什麼
Every removal had to leave a finished surface每拿掉一樣,留下的表面都要是完整的

Removing a feature is simple. The design work is in the surface left behind. A light bar leaves an opening; an unpainted part exposes its weld lines. Each removal below came with a replacement surface, mostly a new texture or a new part in moulded-in colour.拿掉一個件很容易,難的是拿掉之後表面長什麼樣子。 燈條拿掉會留下一個開口;原本噴漆的件不噴漆,結合線就會露出來。 下面每一項拿掉的配備,都搭配一個替代的表面,大多是新的咬花,或是素材直接成形的新件。

Proposal slide marking the parts changed between Raider 18 and Vector 18

Proposal slide. Raider 18 with each changed part marked提案頁面。 在 Raider 18 上標出每一個更動的件

What Was New新增了什麼
Four new parts, everything else carried over新增四個件,其餘沿用

A new C-side in plastic with IMR. Hinge caps, needed because the film cannot wrap the shape the painted part had at that corner. A rear cover in textured plastic. A cavity insert. The display, A-side, D-side and thermal module carry over Raider 18's tooling.新的 C 件,塑膠加 IMR。 Hinge cap,因為膜包不了原本噴漆件在那個轉角的造型。 咬花塑膠後蓋。 一個入子。 螢幕、A 件、D 件與散熱模組都沿用 Raider 18 的模具。

Vector 18 proposal render, closed and open

Proposal render, January 2024提案渲染圖,2024 年 1 月

+
Where the cost came from成本從哪裡來

Against Raider 18, the housing (A to D parts) carried a cost target about 18% lower. Across the full BOM it came to about 11%, including spec changes PM and EE made in parallel. The costing came from my team lead; the design changes it priced were mine.與 Raider 18 相比,外殼(A 到 D 件)的成本目標約降 18%。 加上 PM 與 EE 同步做的規格調整,整機約降 11%。 成本估算由組長負責,被估算的那些設計變更是我提出的。

Paint to Film噴漆改 IMR

The film has to
end somewhere
膜總要
停在某個地方

Raider 18's C-side is painted. Moving it to IMR removes the spray line, but IMR film has to stop at an edge, and where it stops there is a visible trim line. The recessed lines along the side wall do two jobs. They are the vector lines that give the series its workstation character, and the raised parts of the tool between them are where the film ends. The trim line falls into a recess instead of sitting on a flat face.Raider 18 的 C 件是噴漆。 改成 IMR 就省下噴塗這道工序,但 IMR 膜一定要在某個邊緣停下來,停下來的地方會有一條斷膜線。 側邊的凹刻線條同時做兩件事:它們是讓這個系列看起來像工作站的向量線條,而線條之間的凸模區,正好是膜停下來的地方。 斷膜線因此落在凹槽裡,而不是露在平面上。

Side view of the Vector 18 proposal showing the recessed lines along the side wall

Proposal render. The recessed lines run the length of the side wall提案渲染圖。 凹刻線條沿著側牆貫穿全長

Hiding the Film Edge藏住斷膜線
The trim line sits in the groove斷膜線落在溝槽裡

IMR finishes the surface during moulding, so the C‑side comes out of the tool ready to go, with no paint. The catch: the film always leaves a trim line on the side wall, right where the plastic part's parting line sits. So we ran the vector grooves horizontally around the C‑side and let the film finish inside a groove, not on a flat face. Each groove is polished to #3000, and the row of grooves breaks up how thick the laptop looks.IMR 在成型時就完成表面處理,C 件出模即是成品,不需噴漆,但薄膜一定會在外觀母模側牆上留下一道斷膜線與塑膠件分模線。 因此我們設計讓向量溝條橫向環繞 C 件,讓薄膜結尾留在溝槽裡,而不是平面,並在槽內以 #3000 拋光,利用多個刻痕打破整機的視覺厚度。

Cross-section of the C-side edge: the IMR film wraps the top and ends at the parting line inside a groove; 18 degree draft angle, grooves polished #3000
3D view of the C-side corner with the vector grooves wrapping around it

The grooves wrap the C-side corner. Forming review, January 2024溝條環繞 C 件轉角。 成形評估,2024 年 1 月

01
A film that already existed用一張已經存在的膜

Rather than develop a new film, the C-side uses a pearl matte black already in production for another MSI model. The film supplier confirmed the 380 mm width fits this part, so there was no new part number, no new minimum order and no new colour sign-off.沒有另外開發新膜,C 件直接共用另一款 MSI 機種已量產的霧面珠光黑。 膜廠確認 380 mm 的幅寬適用這個件,所以不用開新料號、不用新的最低訂購量,也不用重新簽色。

02
Eleven forming reviews十一份成形評估

The film supplier reviews the 3D for where the film will stretch, tear or leave stress marks. Eleven reports came back between January and July 2024, and I revised the 3D against each one: radii, draft angles, the step against the hinge caps, the film depth around 102 keyboard openings.膜廠會檢查 3D,找出膜可能拉伸過度、破膜或留下應力痕的地方。 2024 年 1 月到 7 月之間共回來十一份報告,每一份我都據以修改 3D:R 角、拔模角、與 hinge cap 對靠處的段差、102 個鍵盤破孔周圍的覆膜深度。

Check point檢查項目First 3D初版 3DRevised修正後Film risk覆膜風險
Side wall draft angle側牆拔模角4.5°18°High → resolved高 → 已解決
Side wall radius側牆 R 角R0.4 mmR0.4 mmLow低
Corner radii轉角 R 角R0.35 / R0.56 mm—Low低
Film wrap depth包覆深度0.37 mm0.3–0.4 mmLow低

Excerpt from the film supplier's forming review, January 2024摘自膜廠成形評估報告,2024 年 1 月

Side Texture側邊咬花

3N was
not enough
3N
還不夠

The side wall is the edge that meets a bag, a desk and a hand, so the recessed lines had to survive scratching. They are moulded in, not printed, which means the tool decides everything: line depth, polish, and how cleanly three slider faces meet at a corner.側牆是會碰到包包、桌面和手的那一面,所以凹刻線條必須耐刮。 線條是模具成形,不是印刷,所以一切由模具決定:線條深度、拋光等級,以及三面滑塊在轉角處能不能接順。

Four texture plate options at 0.2 mm and 0.15 mm depth

First texture plates on PC+ABS (SABIC T3RC7230P). VDI 30 texture, with recessed lines 0.2 or 0.15 mm deep, polished to #1000 or #2000第一版咬花板,PC+ABS(SABIC T3RC7230P)。 VDI 30 咬花,凹刻線條深 0.2 或 0.15 mm,拋光 #1000 或 #2000

01
Thinner lines, more of them線條變細,數量變多

The first plate passed a 3N scratch test at pencil hardness F. Workable, but not comfortable for the edge that takes the most wear. For V2 I made the lines thinner and added more of them, so a scratch has less flat surface to land on. It passed at 5N.第一版咬花板通過 3N 刮擦測試,鉛筆硬度 F。 可以用,但對磨耗最多的那一面來說不夠安心。 V2 我把線條改細、數量加多,讓刮痕能落下的平面變少。 結果通過 5N。

V13N pass · February 20243N 通過 · 2024 年 2 月
V1 texture plate after a 3N scratch test
→
V25N pass · March 20245N 通過 · 2024 年 3 月
V2 texture plate after a 5N scratch test
02
The plastic underneath changes the colour底下的塑料會改變顏色

IMR film is thin enough that the resin behind it shifts how it looks. So the resin maker in China sent the same grade of pellets to the film supplier in Taiwan, who hand-moulded samples with it. Base colour and film colour were signed off together, on the material production would actually use.IMR 膜很薄,背後塑料的底色會影響膜看起來的顏色。 所以我請中國的塑膠原料廠把同型號的塑膠粒寄到台灣膜廠,用它手工成形打樣。 塑料底色與膜色一起確認,用的是量產真正會用的料。

03
Into the tool上模具

Once the plates and samples held, the mechanical team opened the slider and I went to the mould maker to check 20 to 50 shots for ink wash-out yield and tolerance. The September 2024 trial parts confirmed film adhesion and the side recess, and re-tested at 5N.咬花板與樣品都確認後,請機構開滑塊,我再到模具廠確認 20 到 50 模的成形,檢查破墨良率與公差。 2024 年 9 月的試模件確認了膜的貼附狀況與側邊凹刻外觀,刮擦複測一樣通過 5N。

Texture plates marked with 2N, 3N and 5N scratch results

Texture plates after scratch testing at 2N, 3N and 5N咬花板經 2N、3N、5N 刮擦測試後

Rear Cover後蓋
One slider, no print一個滑塊,不用印刷

Where Raider 18 has its light bar, Vector 18 has a rear cover in textured plastic. The VECTOR lettering is recessed into that cover and nowhere else, cut by one extra slider in the tool. No print, no extra part, nothing to wear off.Raider 18 放燈條的位置,Vector 18 換成咬花塑膠後蓋。 VECTOR 字樣只凹刻在這個後蓋上,靠模具多開一個滑塊做出來。 不用印刷、不加零件,也不會磨掉。

Rear of Vector 18 with the textured rear cover
Close-up of the VECTOR lettering recessed into the rear cover

VECTOR lettering, moulded inVECTOR 字樣,模具成形

Rear three-quarter view of the proposal render

Rear cover in the proposal render提案渲染圖中的後蓋

Vector 18, open and closed
In Production量產成品
Vector 18 from above, open

C-side in plastic with IMR, on a film shared with another MSI modelC 件塑膠加 IMR,與另一款 MSI 機種共用膜材

Vector 18 lid and side profile

Cosmos Gray lid, laser-etched logo宇宙灰 A 件,雷雕 logo

Side wall with recessed lines and ports

The side wall. Recessed lines between the ports, film edge hidden in the recess側牆。 連接埠之間的凹刻線條,斷膜線藏在凹槽裡

Timeline歷程

Proposal to
Mass Production
從提案到
量產

January 20242024 年 1 月

Proposal and sign-off提案與核准

Concept started on 2 January. A running mock-up, built on a borrowed test unit, was assembled by 22 January. Proposal to management on 25 January: direction approved, logo moved to laser etching.1 月 2 日開始發想。 借用測試機台組裝開機模型,1 月 22 日完成。 1 月 25 日向主管提案:方向核准,logo 改為雷雕。

February – May 20242024 年 2–5 月

Validation before kick-off開案前驗證

Side texture raised from 3N to 5N. 3D revised against the film forming reviews. Cosmos Gray anodising signed off on 8 May. Project kicked off on 20 May.側邊咬花從 3N 提升到 5N。 依膜廠成形評估修改 3D。 5 月 8 日確認宇宙灰陽極標準。 5 月 20 日正式開案。

June – September 20242024 年 6–9 月

Tooling and first trials開模與試模

DFM with the injection moulder; tooling started on 28 June, T1 on 29 July. The project moved to an AMD platform and was renamed, so the side icons were re-cut. September trial parts confirmed the film and the side recess. Handed over to my team lead, Pauly Jiang.與成形廠進行 DFM,6 月 28 日開模,7 月 29 日 T1。 專案改為 AMD 平台並更名,側邊 icon 重新開立。 9 月試模件確認了膜材與側邊凹刻。 交接給 Pauly。

December 2024 – April 20252024 年 12 月 – 2025 年 4 月

Production and launch量產與上市

EVT in December, MVT in January and February, mass production on 14 March 2025. Announced at the end of February, on sale in Taiwan from early April.12 月 EVT,1–2 月 MVT,2025 年 3 月 14 日量產。 2 月底發表,4 月初在台灣上市並開始出貨。

Want to know how a more accessible model keeps an identity of its own?想知道降本機種怎麼還能有自己的樣子嗎?

Ask me about it聊聊這個專案
ID & CMF
Vector 18
Design Team設計團隊

Ko-Ting Hung  |  Jen-Yu Chiang  |  Chia-Wen Liu

KeyShot · SolidWorks · Adobe Illustrator · Photoshop
Film & product photography: MSI
KeyShot · SolidWorks · Adobe Illustrator · Photoshop
影片與產品攝影:MSI

More Work更多作品
MSI Pulse 16 / 17

Gaming Laptop · CMF & IMR Pattern電競筆電 · CMF 與 IMR 圖騰

MSI Pulse 16 / 17

MSI Crosshair 16 / 17

Gaming Laptop · CMF · Red Dot 2024電競筆電 · CMF · Red Dot 2024

MSI Crosshair 16 / 17

Claw A1M

Gaming Handheld掌上型遊戲主機

MSI Claw A1M

Raider 16 Laptop Proposal

Concept Proposal · ID & Lighting概念提案 · ID 與燈效

Raider 16 · Laptop Proposal