網頁設計稿完成後,如何在頁面實現過程中(Web前端重構中)保證字型效果和設計稿一致?

時間 2021-05-30 10:40:09

1樓:麥時

1.如果做到各個瀏覽器和視覺稿完全一致是不可行的方案,要做優雅降級.

2.字型渲染和很多因素有關,建議看看這個PPT:http://www.

slideshare.net/timezhong/ss-19537935

2樓:趙琳

通過多層每層不通訊道來模擬亞畫素渲染.

3樓:張濤

字型邊緣(如PS中的消除鋸齒);

間距;行高(PS中的行高和CSS的行高如何換算?);

文字和周圍元素的間距。

是否需要設計師配合?設計師在設計過程中需要如何注意這些細節?間距

css控制 letter-spacing: 20px; 這樣~瀏覽器的支援範圍比較小~

慎用~行高

padding:10px;/padding:10px 0;/margin:10px;/margin:10px 0;

同組的

padding:5px 10px;

設計時候注意不要違反現有的間距上的使用者習慣~當然,前提是這些使用者習慣並不糟糕~

4樓:nancy

字型邊緣能否平滑要看瀏覽器,比如同樣是微軟雅黑,IE就比FF平滑

間距與行高,CSS與PS基本是相同的

個人認為,布局完成後可讓設計師檢查一下是否有需要調整的部分,事實上很多時候前端在很多細節方面(如間距,元素對齊……)的製作與設計稿是有出入的

5樓:李如一

無法達到。一來設計師的電腦上可能裝了一些特殊的字型,寫 CSS 的人的電腦上可能沒裝——更重要的是看網頁的人(使用者)的電腦上很可能沒裝。另外 Photoshop 顯示字型的方式跟瀏覽器好像本來就有微妙區別,無法做到一模一樣。

最後,設計師的電腦的顯示器往往還比較高階,解析度可能高於寫 CSS 的人的電腦。這也會導致兩人看到的字型效果不一樣。

字型效果上最終應該以瀏覽器為準,而不是以 Photoshop 為準。

調研設計完成後,產品前後端開發的具體流程是怎樣的?

產品經理大寸 那麼作為產品的你,拿到需求之後,應該做些什麼呢?乙個優秀的產品拿到需求之後並不是立馬開始畫原型圖 寫PRD文件,而是要分析要實現這個需求都需要哪些功能模組,每個功能模組都需要哪些一級選單。當確定好以上之後,就是根據這些需求的優先順序來指定排期計畫啦。設計產品 設計後端產品,不能只考慮頁...

室內設計中怎麼保證設計效果圖和施工完成後的一樣?

裝修有范兒 這個就看設計師的能力了。如果設計師細節關注並把控得比較到位的,包括後期的軟裝燈光,那基本上後期完工後和效果圖會比較接近,除了一些質感是實物沒法體現的。所以,選擇一位適合自己,並且專業的設計師很重要。 葉子 其實我覺得在設計階段,溝通還是最重要的。你傾向於什麼品牌,想要什麼樣的風格,哪些需...

混音完成後如何整體提高歌曲的響度?

TuJay 我們提響度,一般是指平均響度RMS 因為人耳對瞬時響度的感知是不大的 除非突然來個幾十分貝的噪音 那麼在峰值一定的情況下,我們想做大響度,應該從以下幾個角度考慮 1,頻率的均衡 當總能量被鎖死的情況下,橫向發展更均衡帶來的便是聽感上的更 大 舉個極端例子,假如你的歌裡90 都是20hz以...