贊助連結
自定義顏色和尺寸
(PNG 檔案)
(PNG 檔案)
留白:
關閉
「思考」與「記錄」的跨頁。刺激學習意願的線稿圖示
這是一款在向左右打開的小冊子中,僅在右頁畫上格線的簡約線稿圖示。此設計象徵左側空白頁為「思考用的空間(輸入)」,右側格線頁為「整理好的記錄(輸出)」。與單純的閱讀圖示劃清界線,適合表現學習、研究、提出點子等,主動的知識生產活動。不過度主張的線條藝術,是能自然融入教育系服務或商務工具UI的免費素材。
具體使用場景與用途建議
此打開的筆記本圖示,可在教育、商務、創意等多樣領域活用。以下建議具體的10個使用場景,與各自詳細的活用術。
- 線上學習服務或數位學習的「教材・課本」連結
在講座的受講畫面中,作為可下載教材或補充資料(PDF等)的連結按鈕。書本圖示能直覺傳達是「閱讀之物」。透過右側有格線,可期待不只是閱讀,也促使「邊做筆記邊學習」這種學習姿態的效果。 - 學校或補習班的「作業・課題繳交」按鈕
作為學生線上繳交作業時,上傳畫面的圖示。作為在數位上重現「寫在筆記本上繳交」這種比擬行為的隱喻發揮功能,給予學生親近感。 - 商務聊天或協作軟體的「議事錄・筆記製作」功能
作為啟動會議中快速做筆記的工具,或製作議事錄編輯器的圖示。因為畫有格線的頁面會讓人聯想到「整理好的記錄」,適合商務場景的文件製作。 - 網站的「常見問題(FAQ)」或「使用條款・使用手冊」
在服務的說明頁面中,作為顯示寫有詳細說明的「使用手冊」或「規定集」的圖示。彷彿打開厚重書本的形象,給予使用者那裡網羅了確實資訊的信賴感。 - 部落格文章或自媒體的「總結・重點」區塊
作為在長篇文章最後,設置整理要點的「總結」框時的裝飾圖示。如同在筆記本加上標題進行摘要般,視覺性顯示是將資訊結構化提示的區塊。 - 閱讀記錄APP或評論網站的「寫感想」按鈕
作為引導至投稿讀完書本感想或評論畫面的圖示。可將左側空白視為「讀過的書」,右側格線視為「寫自己感想的地方」這種對比結構,促使使用者的輸出。 - 針對創作者的「點子紀錄本・素描本」圖示
在設計工具或筆記APP中,作為開始新專案的「開新檔案」按鈕。左側的空白頁象徵尚未書寫任何內容的自由畫布(可能性),刺激創作意願。 - 食譜網站的「作法筆記・自用筆記本」功能
作為將自己對喜歡食譜的編排或訣竅記下來的「我的筆記本」功能圖示。讓人想起在廚房打開筆記本般,實用的使用場景。 - 問卷表單或輸入畫面的「自由記述欄」指南
作為並非選擇式,而是添附在使用者能自由記述意見文字區域旁的圖示。因為有格線,產生「請在這裡寫文章」的預示(行動引導),有助於提升輸入率。 - 教育機構或圖書館的「館藏檢索・圖書館」連結
作為配置在網站頁首或頁尾,連結至圖書室或檔案館的圖示。簡約的線稿給予知性印象,與學術氛圍的網站設計相稱。
編輯技巧與EPS格式的優點
無論商用或個人皆完全免費。除了能在網頁設計中立即使用的PNG・SVG格式,也備齊了能自由編輯有無格線或線條筆觸的EPS(向量)數據。
若活用EPS格式(向量數據),就能配合用途自由編排設計。使用Adobe Illustrator等軟體,刪除右頁格線就變成「完全空白的跨頁筆記本」或「畫集」形象。反之若在左頁也追加格線,就變成「學習帳」或「大學筆記本」的形象。
此外,在封面部分加寫「Memo」或「Diary」等文字,或將線條顏色變更為網站主題色等,客製化的幅度無限大。
相關關鍵字
筆記本、書本、書籍、打開的書、學習、讀書、筆記、記錄、閱讀、使用手冊、議事錄、線稿、Line Art、教育、圖示、免費素材、免費、Notebook、Open book、Study、Memo、Line art
此打開的筆記本・書本(右側格線・線稿)圖示為免費素材。可商用,無需標註出處,免註冊。使用前請務必確認使用條款。
關聯網站:也歡迎使用徒手繪製的手繪插畫素材(免費)。