Framer AI 產出網頁,實用性高
Framer 新功能,AI 產出網頁!
試了一下,還真的可以!感覺好酷啊!
0 代碼做網頁的時代不遠了!
RWD 怎麼畫 Wireframe?
之前曾經去演講過的學校,有學生傳訊問了關於 RWD 設計的問題。
設計師在繪製 RWD 網站的 Wireframe 時,會繪製 PC 和 Mobile 兩個版本嗎?或是直接使用軟體去做版本之間的切換呢?
若是沒有軟體可以直接使用的話,那又要如何繪製兩種版本的 Wireframe 呢?
黑色星期五的特價
國外在黑色星期五的時候通常會有一波大特價,App也不例外,這次終於被我等到了。(應該要忍住不手滑的,已經買過其中幾個了@@)這次我來分享很喜歡的 PS 外掛包,和 Artifex Mundi 的解謎遊戲。
設計和 F2E 的切圖與切版
收到讀者來信,這位讀者是 F2E,發現設計師的切圖和 F2E 的切版似乎不太一樣,所以寫信給我。另外問切圖有什麼樣的流程和注意事項…不知道要怎麼詳細說明,其實還滿想回他一句「多被RD罵幾次就會了啊」…orz
Fixed Grid System 詳解
我踩到一個沒把 Fixed Grid 學好的雷orz 特此拿出來筆記下。之前在 [Grid 的運用:PS外掛] (https://blog.akanelee.me/posts/194263-application-of-grid/
) 一文中有簡單提到 Grid 的運用,但講得不夠清楚,後來活用時遇到個問題:如果你的網頁有側邊欄的時候,要怎麼設計才符合 Grid?
Responsive Web Design 不是萬能
Responsive Web Design 是現在網頁製作的趨勢,但有些情況不能提到新做網頁、或是改版,就喊 RWD 直接上。隨著螢幕視窗尺寸改變網頁內容排版方式是 RWD 的特色,卻也成為我在某些時刻不想用它的原因,很多時候 RWD 解決了問題、卻產生更多的問題…如果你的網站功能複雜要呈現的資料極龐大,是否要採用 RWD 技術製作網站真的要好好考慮斟酌下。
如何讓公司的平面設計師交出可以用的 Web 圖?
在演講的 QA 時間,有幾位 F2E 跑來問我這個問題,看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來,卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢?
網頁設計師基本功
不少做平面的設計師想轉行走網頁設計這條路,做網頁和做平面是完全不同的思維,加上 html 寫完後要交給 F2E 套特效套程式,並不是平面可以怎麼做、網頁就能怎麼做。就算是人畜共通疾病如口蹄疫、你可以把治療豬的藥方療程直接套到人類身上嗎?
Grid 的運用:PS外掛
製作的 Responsive Web 最好能先理解 Grid 概念。這概念不只運用在 Mobile Web ,包含 Smart TV 都會派上用場。如果你輕鬆想做出和 Mockup 相同的 Web ,最好把 Grid 學起來。