輪播展演

%% sitetile: carousel cols=1 %%\n ### ### ### ###

跟 Nuomi 踏上繪畫的旅途吧！

%% sitetile: hero eyebrow="跟 Nuomi 踏上繪畫的旅途吧！" cta="訂閱電子報"→https://unique-thinker-5083.ck.page/dcd9b5dcd5 %%\n

繪畫課程

%% sitetile: grid cols=3 %%\n ### 透視畫建築 →https://hahow.in/courses/58aedfd95c4e6507007c4599 "詳細資訊" 建立空間感與透視視野，帶你繪製細緻建築場景。

360度全景透視法 →https://hahow.in/courses/5abe43287997a2001e7c0e01 "詳細資訊"

解構環形透視理論，打造震撼的沉浸式全景視覺。

手繪轉電繪 →https://hahow.in/courses/5e55f57bc8bfb600249406e1 "詳細資訊"

傳授紙筆手繪線稿快速轉化為高質感電繪作品的私房工作流。

三大優勢

%% sitetile: grid cols=3 surface=gd-surface %%\n ### 手繪、電繪 都能通的插畫家

最懂新手 專業 Procreate 教師

線上課程平台 銷量最好電繪教師

關於 Nuomi

%% sitetile: prose align=center %%\n ### 教學特色

教學特色卡片

%% sitetile: embed wide %%\n <div class="nuomi-features-grid"> <div class="nuomi-feature-card card-teal"> <div class="feature-text"> <h3>看得見手更清楚</h3> <p>許多繪圖形式的線上課程在畫面上往往是單純的螢幕錄影，導致老師在畫哪裡同學都要用猜的。Nuomi的線上課程在畫面上我們採取雙畫面，有螢幕錄影的清晰同時間又可以看到手勢動作，讓學生更快進入狀況！</p> </div> <div class="feature-img"> <img src="https://warehouse.kaik.network/school/images/dbcfdccd-cc43-40d5-8808-8edbe6f3e4fe.png" alt="看得見手更清楚" /> </div> </div> <div class="nuomi-feature-card card-yellow"> <div class="feature-text"> <h3>步驟詳細跟得上</h3> <p>繪畫課程中除了許多要動手畫的步驟外，還有許多繪畫思考方式以及撇步，讓畫畫不再只是動手的事情，而是透過思考讓練習有不同的層次，搭配Nuomi詳細的繪圖過程，讓學習的內容能夠更深化。</p> </div> <div class="feature-img"> <img src="https://warehouse.kaik.network/school/images/c8ba3e27-2585-4de3-9fef-c231ddbf72e8.png" alt="步驟詳細跟得上" /> </div> </div> <div class="nuomi-feature-card card-blue"> <div class="feature-text"> <h3>迷你課程無負擔</h3> <p>生活中有許多內容都可以成為練習的對象，但是上不同老師的新課程都要重新上基礎，上過基礎的你可以選擇迷你課程作為你練習的參考。在迷你課程會跳過許多基礎的內容，直接進入繪畫環節，爽不爽！</p> </div> <div class="feature-img"> <img src="https://warehouse.kaik.network/school/images/dd592056-a213-495b-ab8a-66879470b3b2.png" alt="迷你課程無負擔" /> </div> </div> </div> <style> .nuomi-features-grid { display: flex; flex-direction: column; gap: 2rem; width: 100%; margin: 2rem 0; } .nuomi-feature-card { border-radius: 30px; padding: 3rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #ffffff; } .card-teal { background-color: #568a8d; } .card-yellow { background-color: #f8b740; } .card-blue { background-color: #b8d3dc; } .feature-text { width: 55%; } .feature-text h3 { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; color: #ffffff !important; text-align: left; } .feature-text p { font-size: 1.1rem; line-height: 1.7; color: #ffffff !important; text-align: left; } .feature-img { width: 40%; text-align: right; } .feature-img img { width: 100%; max-width: 320px; border-radius: 30px; } @media (max-width: 768px) { .nuomi-feature-card { flex-direction: column; text-align: center; padding: 2rem; } .feature-text, .feature-img { width: 100%; text-align: center; } .feature-img img { margin-top: 1rem; } } </style>

導師作品 (滿版 Full-Bleed 呈現)

%% sitetile: embed wide %%\n <div class="nuomi-gallery-fullbleed"> <div class="gallery-header"> <h2>導師作品</h2> <h3>不擅長畫人物
但擅長處理場景氛圍的特殊教師</h3> </div> <div class="gallery-image-full"> <picture> <source media="(max-width: 768px)" srcset="https://warehouse.kaik.network/school/images/37ad72ea-f7dc-4093-88ca-fa0bccac6976.png" /> <img src="https://warehouse.kaik.network/school/images/5ea200f2-580b-44e8-9ef3-3436aa8ea674.png" alt="導師作品" /> </picture> </div> </div> <style> /* 導師作品 滿版 (Full Bleed) 樣式 - 滿幅延伸至視窗邊緣 */ .nuomi-gallery-fullbleed { background-color: #568a8d; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding-top: 3.5rem; padding-bottom: 0; text-align: center; color: #ffffff; box-sizing: border-box; } .gallery-header h2 { font-size: 2.8rem; font-weight: 700; color: #ffffff; margin-bottom: 8px; } .gallery-header h3 { font-size: 1.1rem; color: #f8b740; font-weight: 400; line-height: 1.5; margin-bottom: 2.5rem; } .gallery-image-full img { width: 100%; max-width: 100%; height: auto; display: block; margin: 0; padding: 0; } </style>