<html lang="en"><head><style>              .article-container {                width: 100%;                font-family: Microsoft JhengHei,Helvetica Neue,Helvetica,Arial,sans-serif;              }              ul, ol {                margin: 12px auto;                max-width: 740px;                color: #535150;                line-height: 1.8;                padding-left: 0px;              }              .graf--img {                display: table;                justify-content: center;                align-items: center;                text-align: center;                color: gray;                font-size: 14px;                letter-spacing: 0px;                margin: 10px auto 50px;                width: 100%;                position: relative;                clear: both;              }              .graf--img.center img {                width: 100%;                max-width: 740px;                margin: 10px auto 0px;                display: block;                margin: 0 auto;              }              .graf--img.full img {                width: 100%;              }              .captionTheme__wrapper {                width: 100%;                font-style: normal;                line-height: 22px;                font-size: 16px;                max-width: 600px;                margin-top: 8px;                display: inline-block;              }              .graf--img.full {                max-width: 100%;                margin: 40px 0px;                display: block;                margin: 0 auto;                align-items: center;              }              .graf--figure {                text-align: center;                color: gray;                font-style: italic;                font-size: 15px;                margin: 28px auto;                box-sizing: border-box;              }              .graf--figure iframe {                width: 100%;                max-width: 740px;                margin: 0 auto;              }              .graf--p {                font-size: 16px;                line-height: 1.8;                font-family: "Microsoft JhengHei fixed", "Helvetica Neue" ,"Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;                letter-spacing: 1px;                font-weight: 400;                max-width: 740px;                color: #535150;                text-align: left;              }              .graf--p > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--li > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--quotesSpecial > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--blockquote > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              a.graf--mention {                color: #535150 !important;                text-decoration: underline !important;                font-weight: 700;              }              .graf--h2 {                font-size: 24px;                padding: 0;                max-width: 740px;                text-align: left;                letter-spacing: 1px;                font-weight: 700;                margin-top: 34px;              }              .graf--h3 {                font-size: 18px;                padding: 0;                max-width: 740px;                text-align: left;                letter-spacing: 1px;                font-weight: 700;                margin-top: 28px;              }              .graf--li {                font-size: 16px;                padding: 0px 0px 0px 4px;                font-weight: 400;                letter-spacing: 0px;                list-style-position: outside;                text-align:left;                margin-left: 24px;              }              .graf--hr {                width: 100%;                margin: 0px auto;                transform: translateY(-50%);                position: relative;                padding: 0px;                text-align: left;                max-width: 740px;                margin: 0 auto;              }              .graf--hr hr {                height: 0;              }              .graf--blockquote {                padding: 10px 0px 10px 16px;                font-size: 16px;                color: #7A7574;                letter-spacing: 1px;                margin: 28px 0px;                border-left: 4px solid #DDD9D8;                width: 100%;                max-width: 740px;                text-align: left;              }              .graf--quotesSpecial {                display: table;                color: #7A7574;                position: relative;                padding: 31.5px 40px;                text-align: center;                letter-spacing: 0px;                position: relative;                margin: 29px auto;                font-family: "Microsoft JhengHei fixed", "Helvetica Neue", "Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;                font-size: 16px;                -webkit-box-ordinal-group: 1;                -webkit-box-flex: 0;              }              .embed-wrapper {                max-width: 740px;                border: 1px solid #DDD9D8;                display: block;                padding: 12px;                border-radius: 8px;                margin: 12px 0px;                text-decoration: none !important;              }              .embed-title {                font-size: 16px;                font-weight: 700;                color: #535150;                margin-bottom: 8px;                text-align: left;                line-height: 1.5;                text-decoration: none !important;              }              .embed-description {                width: 100%;                font-size: 14px;                color: #7A7574;                line-height: 1.5;                max-height: 150px;                text-align: left;                overflow: hidden;                padding: 12px 0px;              }              .embed-url > a {                width: 100%;                font-size: 14px;                color: #141413 !important;                text-decoration: none !important;                line-height: 1.5;                text-align: left;              }                            .embed-thumbnail-wrapper {                padding-left: 12px;              }              .embed-thumbnail {                width:100px;                border-radius: 8px;              }              pre {                background: #F6F6F6;                border-radius: 8px;                padding: 16px;                font-size: 16px;                color: #535150;                line-height: 180%;                text-align: left;              }              .lexical__textBold {                font-weight: bold;              }              .lexical__textItalic {                font-style: italic;              }              .lexical__textUnderline {                text-decoration: underline;              }              .lexical__textStrikethrough {                text-decoration: line-through;              }              .lexical__textUnderlineStrikethrough {                text-decoration: underline line-through;              }              .lexical__textSubscript {                font-size: 0.8em;                vertical-align: sub;              }              .lexical__textSuperscript {                font-size: 0.8em;                vertical-align: super;              }              .lexical__textCode {                background-color: rgb(240, 242, 245);                padding: 1px 0.25rem;                font-family: Menlo, Consolas, Monaco, monospace;                font-size: 94%;              }            </style></head><body><div class="article-container"><div class="graf--img center"><div class="lexical__imageWrapper"><img src="https://images.vocus.cc/377558d6-cf91-4eab-be0f-a0e07931b212.jpg" data-src="https://d2a6d2ofes041u.cloudfront.net/resize?norotation=true&quality=80&url=https%3A%2F%2Fimages.vocus.cc%2F377558d6-cf91-4eab-be0f-a0e07931b212.jpg&width=430&sign=TOb3qdSwvgxqLQyE9S8MAxNb15MbVAlES9yWVWG5wCU" class="lazy" data-original-src="https://images.vocus.cc/377558d6-cf91-4eab-be0f-a0e07931b212.jpg" data-lowquality="false" data-width="430" data-height="600" onerror="this.onError=null;this.src=this.dataset.originalSrc;" alt="raw-image"></div><div></div></div><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">練習畫Q版：）</span></p></div></body></html>

以行動支持創作者！付費即可解鎖

贊助珍奶

vocus 慶祝推出 App，舉辦 2026 全站慶。推出精選內容與數位商品折扣，訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包，以及全站徵文，並邀請你一起來回顧過去的一年， vocus 與創作者共同留下了哪些精彩創作。

方格子 vocus 官方沙龍

【 vocus 全站慶，更好的 2026 上線了！】折扣碼 x 抽紅包 x 新手禮 x App 登場！

回聲之間 Echo between 

畫畫趣 直接在雜誌上畫

左手畫畫練習 unicorn 

左手畫畫練習 雲朵好朋友

練習畫朋友的cosplay照：）

學習繪畫流程，藉由練習讓自己先熟悉它♥️

清水的小插畫

插畫（朋友照）

插畫（舒恩）

雞蛋布丁的沙龍

「七彩鳥」系列週邊與視覺設計

作夢時,腦袋是一直思考的.思考著我在什麼地方?我看到的人是誰?並將夢境套入已知的人事物中.但實際上,卻與真實的人事物不符.               文章中的畫是與夢境不符的,都是我自己的創作.

HsunPainting的沙龍

O0062

音樂藝文

創作

文化生活

圖文插畫

藝術

<div class="draft-block draft--p left">這畫得好可愛❤</div>

職場

我的畫廊—油畫(複合媒材)

小說

電影戲劇

8K水彩紙速寫

A0027

《小品-光影練習》

照夜白電腦繪圖作品
使用軟體：Photoshop

設計

【照夜白原創作品】

大家好，我是照夜白。
是個以畫畫當成人生志業的繪師。

平時喜歡畫些原創作品或二創作品在網路上和粉絲交流，
如果透過VOCUS方格子，能和喜歡我的作品的粉絲有更進一步的互動，
我會非常的高興！！

我會持續的投入在我的創作事業之中！
也由衷的希望大家能繼續給我支持鼓勵，這對我非常的重要！謝謝大家！

照夜白的世界

《小品-光影練習》

《シュン》

照夜白電腦繪圖作品
使用軟體：Photoshop

【照夜白二創作品】

《シュン》

Livly

遊戲

插畫日常

<div class="lexical__image center"><div class="lexical__imageWrapper"><img src="https://resize-image.vocus.cc/resize?norotation=true&amp;quality=80&amp;url=https%3A%2F%2Fimages.vocus.cc%2F377558d6-cf91-4eab-be0f-a0e07931b212.jpg&amp;width=430&amp;sign=TOb3qdSwvgxqLQyE9S8MAxNb15MbVAlES9yWVWG5wCU" fetchpriority="high" data-src="https://resize-image.vocus.cc/resize?norotation=true&amp;quality=80&amp;url=https%3A%2F%2Fimages.vocus.cc%2F377558d6-cf91-4eab-be0f-a0e07931b212.jpg&amp;width=430&amp;sign=TOb3qdSwvgxqLQyE9S8MAxNb15MbVAlES9yWVWG5wCU" data-loaded="true" data-original-src="https://images.vocus.cc/377558d6-cf91-4eab-be0f-a0e07931b212.jpg" data-lowquality="false" data-width="430" data-height="600" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="true" alt="raw-image"></div><div></div></div><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">練習畫Q版：）</span></p>