iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 4
1
自我挑戰組

網頁學習雜記系列 第 4

Day 04 | 我沒靈感怎麼辦啊啊啊啊

今天來介紹一些我覺得可以激發靈感的東西,
我覺得靈感這種東西不是等到半夜就會靈光乍現的東西,
透過日常生活中的累積,
在有需要使用的時候,你才有足夠的資料庫跟別人討論,
進而激發出更不一樣的靈感。

先題外話一下,昨天被朋友提醒應該要講一下假文 Lorem ipsum

Lorem ipsum

Lorem ipsum是指一篇常用於排版設計領域的拉丁文文章,主要的目的為測試文章或文字在不同字型、版型下看起來的效果。中文的類似用法則稱為亂數假文、隨機假文。
維基百科

切版的時候,有時候文案還沒確定下來,
或是你只是想練習版型怎麼切而已,
才不想浪費時間思考要打什麼文字的時候,
就可以使用假文啦~
VSCode 內建有假文的 Emmet,只要打 lorem 後面接上你想要幾個單字就好,
例如我現在想要 15 個單字的假文,
就可以輸入 lorem15 接著按 tab
就可以獲得這樣的假文

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt, vitae possimus. Temporibus, error repellat. Soluta.</p>

如果是做設計的朋友,可能也有用過類似的東西,
但是交稿出去之前記得要檢查一下,
否則可能會出現這樣的狀況:

感覺應該是要介紹咖啡的製作流程,
但下面的內容全部都是假文,
這個是不是故意的我就不得而知了。

靈感來源

  • Template Monster
    • 樣版網站,我有時練習切版的時候會挑一個我覺得畫面順眼的來練習
    • 偶爾連線會有點慢,要等一陣子
  • Pinterest
    • 搜尋 Web Design 之類的會跳出滿多內容的,也可以加上 portfolio 這個關鍵字,看看別人的作品集怎麼設計
    • 有時候提供的不見得是一個完整的網站,可能是別人的設計圖稿,很適合練習切版(不然有時候都會想偷看別人怎麼寫的)
    • 有搜尋過的內容,之後在主頁較容易跑出相關的題材
  • Dribble
    • 這個我最近才開始接觸,上面有些設計真的很好看
    • 感覺比較偏向個人展示作品,所以網站概念只有圖片的情況居多
  • 任何你接觸的網站
    • 一個人每天都會打開 N 個網頁在瀏覽,每個網頁其實都有一些小細節值得你留意,好的可以學習,壞的可以記錄下來,之後可以少踩一樣的雷

今天就先到這裡啦~
可以留意看看 IT 邦幫忙或是鐵人賽的網頁有沒有什麼你喜歡以及不喜歡的部分唷,我們明天見。


上一篇
Day 03 | 這是個真真假假的世界
下一篇
Day 05 | 給我點顏色瞧瞧
系列文
網頁學習雜記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言