忍者ブログ
2025
07
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

日記的版面, 難航
日記版面因為旅行前準備和回來後的整理一直放置play, 最近拾起來繼續弄, 弄到中途又想起一件事.

我說本來要改版是要讓自己比較快按到我需要的連結, 簡言之是頁底那些管理用連結.
當然只把連結移到記事部份上面就好了, 但又感到部件沒有分類整理好, 心情上接受不到.
結果來說還是要改版面.

但改版面還有另一個目的, 那是希望讓記事部份的空間變得較闊.
我沒替這第四代日記版面做調整前只能放兩張3:2的landscape相片, 以高度210px來算的話.
後來去年寫北海道旅記錄時我把記事部份硬拉闊到能放兩張landscape和一張portrait, 但已是極限.

之前我一直都沒有特地去測試自己在弄的版面究竟能否達到要求, 今天突然想起這事, 於是實際試一下.

我的目標是記事中的相片能三張3:2並排在一起, 或者 16:9, 3:2, 2:3 各一.
於是以高210px來算的話最低闊度要有960px才成, 其中25px是相片間的空隔.
但這裡有另一個問題, 16:9的話高210時無法得出整數的闊度. 這又是另一個心情上接受不到的地方.
經過一點計算, 確定高216時就可以容納16:9, 3:2, 2:3, 還有4:3和3:4的整數闊/高度.

進一步計算, 假設相片間隔固定在10px, 我的目標分別需要992px和872px闊度.
再把記事layout的padding和margin等等的算進去搞不好記事column要有1020~1050px闊.
以FullHD的螢幕來說就是54%闊. 而我現在的layout暫時是設計成四六開. 左邊的四是cover+aside.
換句話說我要看自己的記錄時我就要把window開到最大才能看到三張landscape照並排.

...算到這邊就發現這根本本末倒置. 我改版是為要迎合自己不會把app window開到最大的使用習慣.
但我得到的點子卻迫使自己把app window開到最大.

至於解決方法嘛, 要不就改設計, 要不就放棄三張. 或者只有要放三張時把相片再縮小...
看來得出答案前還是得繼續停擺. 或者先試試畫一下普通layout好了...
PR