Framer AI 產出網頁,實用性高
Framer AI 產出網頁,實用性高

Framer 新功能,AI 產出網頁!
試了一下,還真的可以!感覺好酷啊!
0 代碼做網頁的時代不遠了!

懶得刻網頁,來套 AI 組合拳
懶得刻網頁,來套 AI 組合拳

沒想到我做的網頁RhythmRider 受到熱烈歡迎。

這是個不用手寫 HTML 和 CSS、純軟體介面操作、所有文案和圖片動畫都用 AI 生成的 RWD 網頁。

https://rhythm-rider.akanelee.me

RWD 怎麼畫 Wireframe?
RWD 怎麼畫 Wireframe?

之前曾經去演講過的學校,有學生傳訊問了關於 RWD 設計的問題。

  1. 設計師在繪製 RWD 網站的 Wireframe 時,會繪製 PC 和 Mobile 兩個版本嗎?或是直接使用軟體去做版本之間的切換呢?

  2. 若是沒有軟體可以直接使用的話,那又要如何繪製兩種版本的 Wireframe 呢?

黑色星期五的特價
黑色星期五的特價

國外在黑色星期五的時候通常會有一波大特價,App也不例外,這次終於被我等到了。(應該要忍住不手滑的,已經買過其中幾個了@@)這次我來分享很喜歡的 PS 外掛包,和 Artifex Mundi 的解謎遊戲。

設計和 F2E 的切圖與切版

收到讀者來信,這位讀者是 F2E,發現設計師的切圖和 F2E 的切版似乎不太一樣,所以寫信給我。另外問切圖有什麼樣的流程和注意事項…不知道要怎麼詳細說明,其實還滿想回他一句「多被RD罵幾次就會了啊」…orz

Fixed Grid System 詳解
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 不是萬能

Responsive Web Design 是現在網頁製作的趨勢,但有些情況不能提到新做網頁、或是改版,就喊 RWD 直接上。隨著螢幕視窗尺寸改變網頁內容排版方式是 RWD 的特色,卻也成為我在某些時刻不想用它的原因,很多時候 RWD 解決了問題、卻產生更多的問題…如果你的網站功能複雜要呈現的資料極龐大,是否要採用 RWD 技術製作網站真的要好好考慮斟酌下。

如何讓公司的平面設計師交出可以用的 Web 圖?

在演講的 QA 時間,有幾位 F2E 跑來問我這個問題,看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來,卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢?

網頁設計師基本功

不少做平面的設計師想轉行走網頁設計這條路,做網頁和做平面是完全不同的思維,加上 html 寫完後要交給 F2E 套特效套程式,並不是平面可以怎麼做、網頁就能怎麼做。就算是人畜共通疾病如口蹄疫、你可以把治療豬的藥方療程直接套到人類身上嗎?

Grid 的運用:PS外掛
Grid 的運用:PS外掛


製作的 Responsive Web 最好能先理解 Grid 概念。這概念不只運用在 Mobile Web ,包含 Smart TV 都會派上用場。如果你輕鬆想做出和 Mockup 相同的 Web ,最好把 Grid 學起來。

Responsive Web 抱怨篇

老實說、自從我一頭栽進 Responsive Web 的世界,又接觸 Bootstrap 後,很久沒去思考「在 Responsive 上我還能玩些什麼花樣」。有人跟我提過 Bootstrap 雖然好用、但也限制許多可能性,所以他們不喜歡。我倒認為它只是項工具、要在網頁上套用它就必須遵循它的規則。