iT邦幫忙

0

[鼠年全馬鐵人挑戰] Week 6-網頁排版筆記: 在好的作品中看見未來

Dy.H 2020-04-15 21:27:361101 瀏覽
  • 分享至 

  • xImage
  •  

每每看別人編排的設計頁面好美,常常羨慕不已,好希望也能夠排出這樣的版面。
之前非常多的時間在排版上周旋,心中沒有一把尺,容易陷在怎麼都排不好看的深淵當中。

為什麼大師級的排版都這麼好看?一樣都是排版卻大有深度,原因在於依照 Layout Grid 網格佈局系統
(幫助設計師在畫切面時,有明確的版面參考)一個好的設計版面,我想心中一定內化這樣的 sense。

設計是一回事;網頁切版又是一回事,但我覺得他倆相輔相成。

好的設計會使網頁設計師,愛死你的設計頁面又配服。
而網頁設計師切出來的版面接近完美,設計會對你投射愛慕的眼神。
https://ithelp.ithome.com.tw/upload/images/20200415/20124452ZZVdMBrsTJ.png

不好的設計=殺死該有的交集線。

https://ithelp.ithome.com.tw/upload/images/20200415/20124452Bs3rJ0YTMn.png

從六角學院網頁切版直播班-2020春季,第一週的回家作業中而有的感想「第一週 - 1 px 也不差的版型控制術」。

鼠年全馬鐵人挑戰發文連結:
[鼠年全馬鐵人挑戰] Day 1- 參加前言
[鼠年全馬鐵人挑戰] Day 2-網頁排版筆記: 修練前的寶物
[鼠年全馬鐵人挑戰] Day 3-網頁排版筆記: 一份完整的作品所需要的元素
[鼠年全馬鐵人挑戰] Day 4-網頁排版筆記: jQuery 超入門筆記
[鼠年全馬鐵人挑戰] Day 5-網頁排版筆記: 用習慣的 Adobe 對齊物件,理解Flexbox對齊方式


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
前端野人
iT邦新手 3 級 ‧ 2020-04-15 23:01:52

不過有些線是從設計稿看不到的

Dy.H iT邦新手 5 級 ‧ 2020-04-23 07:43:35 檢舉

可能是需要溝通一下了

0
screenleon
iT邦新手 1 級 ‧ 2020-04-16 09:38:55

標題Day6換成week6會不會比較好

Dy.H iT邦新手 5 級 ‧ 2020-04-23 07:46:41 檢舉

謝謝大大建議我會再去思考。主要是因為版主沒有很規律的依週次記錄。

我要留言

立即登入留言