瀏覽器與勾選標記(完成・成功畫面) 免費圖示素材

贊助連結

自定義顏色和尺寸
(PNG 檔案)

留白:


關閉

Category:

Tag:

祝福Web上的目標達成,「完成畫面」免費素材

這是一款在簡約瀏覽器外框中,繪有意味著肯定或成功的大勾選標記(對號)的圖示。抽象地表現出「在網站上某個動作已正常完成」的狀態。是結帳結束、會員註冊完成、數據保存成功等,給予使用者「手續已順利結束囉」的安心感與達成感,正面回饋的象徵。

具體使用場景與用途建議

此圖示從電商網站的結帳畫面,到系統的錯誤訊息(作為對比),在傳達Web上狀態的重要場面皆很活躍。

  • 電商網站・申請表單的「感謝頁面」
    在發送商品購買或資料索取的輸入表單後,立即顯示的「謝謝您(Thank you)」頁面中,最適合作為主視覺。比起僅用文字顯示「已完成」,透過大大地配置此圖示,使用者能視覺性地瞬間理解「啊,確實送出了」,消除手續後的不安(真的有訂到嗎?等疑慮)。
  • Web APP・管理畫面的「保存成功」吐司通知
    在SaaS或公司內部系統中,變更設定或保存數據時,作為暫時顯示於畫面角落的「吐司通知(Popup)」圖示。透過與「變更內容已正常保存」的訊息一同顯示此圖示,對使用者提供明確的回饋,傳達操作的確實性。
  • 資安軟體・SSL憑證的「安全」顯示
    在「此網站受保護」或「病毒掃描完成:無威脅」等,顯示資安檢查結果的畫面中。勾選標記也是「安全(Safe)」的象徵,因此透過與瀏覽器外框組合,作為保證Web瀏覽環境安全性的標誌發揮功能。
  • 建議環境・動作確認的「支援瀏覽器」列表
    在說明使用Web服務建議環境的表格中,作為顯示「已支援(OK)」的圖示。例如,Chrome或Safari用「勾選標記(支援)」,舊瀏覽器用「叉叉標記(不支援)」來區分使用,能讓使用者一眼判斷自己的環境是否適合。
  • 登陸頁面(LP)的「Web完結」優點訴求
    在金融服務或保險的申請頁面中,作為宣傳「無需來店,在Web上即可全部完結」優點的圖示。在瀏覽器中手續結束(打勾)的圖案,強調了簡便性與速度感。

編輯技巧與EPS格式的優點

分發檔案中,除了方便網頁製作的PNG、SVG格式外,也同梱了適合DTP設計或高度編輯的向量數據EPS格式。

若活用EPS格式(向量數據),就能配合訊息的語感自由變更配色。例如,使用Adobe Illustrator等軟體,僅將內部的勾選標記變更為「鮮豔的綠色」,就成為UI設計中世界標準的「Success(成功)」顏色,能更直覺地傳達肯定訊息。
反之,若刪除勾選標記畫上「×(叉叉)」就變成「連線錯誤」或「404 Not Found」圖示,畫上「!」就變成「警告」圖示等,能以一個瀏覽器外框為基礎,量產各種狀態圖示。此外,也推薦在瀏覽器標題列部分上色,編排成Chrome風(紅・黃・綠)或Safari風(灰)。

相關關鍵字

瀏覽器、視窗、畫面、勾選標記、對號、完成、成功、OK、購買完成、發送完成、註冊完成、感謝頁面、Web完結、資安、安全、圖示、Browser、Window、Check mark、Completed、Success、Safe

此瀏覽器與勾選標記(完成・成功畫面)圖示為免費素材。可商用,無需標註出處,免註冊。使用前請務必確認使用條款

關聯網站:也歡迎使用徒手繪製的手繪插畫素材(免費)