iT邦幫忙

2024 iThome 鐵人賽

DAY 27
0
Modern Web

初學者入門 - 有人叫我寫blog那就來做吧!系列 第 27

[Day-26] 今天來做一點設計...嗎?

  • 分享至 

  • xImage
  •  

我們設計方向是啥?

做設計的時候最好要有一個主要方向,hmmm
以麻糬來說,我希望自己的blog 有這些要素

功能性方向

  • 亮/暗色模式
  • 支援動態載入資料與純靜態下載
  • 簡單的編輯方式(?)
  • 公告功能(?)

外觀設計方向

  • 良好的閱讀體驗
    • 清晰的版面設計
    • 適當的字型選擇和大小
  • 適合各種
  • 互動元素和動畫

好,現在我們有這些大概的方向了,可以來開始來制定一些細節

  • 採用混合渲染的方式:
    • 網頁本體是靜態的,但是內容可以動態載入(可以參考day 08說的)
  • 簡單的編輯方式
    • 支援Markdown格式or另外提供WYSIWYG編輯器(?)
  • 良好的閱讀體驗
    • 首頁採用「卡片式布局」進行區塊管理
    • 文章本體頁面採用「單欄式布局」為主
  • 裝置支援
    • 這是一個很困難的問題,許多排版方法在小裝置上很難獲得良好的體驗
    • 最好是有專門的手機板格式
  • 互動元素
    • 頁面切換動畫
    • 視覺引導動畫

設計指引?

通常在設計一個網頁時,設計師與工程師需要有一個資訊互通的介面
所以設計指引就很重要,動畫該怎麼跑會有分鏡圖?
盡量明確說明顏色、文字、字體的詳細參數

<<更多內容就放到明天再說Ww>>


因為麻糬最近真的很忙,比較沒時間寫文章,有些內容(是很多內容)可能只能事後有空的時候再來編輯QwQ
划水的成分太高,所以後面就直接不宣傳了XDD
我可能賽後會再另外補,就看我有沒有時間啦ww


上一篇
[day-25] - 練習使用Markdown撰寫文章
下一篇
[Day-27] 酷酷的設計指引
系列文
初學者入門 - 有人叫我寫blog那就來做吧!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言