UI設計中邊框描邊粗細在1倍圖下可以是0 5pt嗎?

時間 2021-06-03 17:54:36

1樓:習慣

一萬個ui設計師,知其然而不知其所以然的有9999.9個。一倍圖下,1pt等於1px,0.

5pt等於0.5px。知道為什麼有些人寫css,要寫成0.

5px嗎?因為設計師讓你做1px的分割線!css中px等價ios的pt單位,css中的pt(磅)與字的pt含義一致,是絕對長度單位,等於1/72英吋,並不是ios中的pt(邏輯畫素),而ios中有分割線不管在幾倍屏中都固定為1px的規定,要想實現在2倍屏中分割線為1px,在css中只能寫成0.

5px,在1倍屏中寫成1px,在3倍屏中寫成1/3px,才能最終實現固定1px的分割線這個規定。

2樓:shick

當然可以,前端是實現的出來的。

理論上說在3x下會有虛邊,但是實際情況看不出來。況且實際上0.5pt和1pt在實際實現出的效果差別其實還是挺明顯的,這是看得出來的。

部分頁面下用0.5pt會讓頁面不會顯得笨重,比如當前你正在看的頁面肯定也有0.5pt寫出來的橫線。

視覺效果的驗收走查往往比你刻板地按照規範一板一眼去執行要更重要的多,人眼很多時候看到的其實和你實際用精確數字寫出來的東西預期差很多,有時候0.5pt的橫線就是要漂亮一點那就用0.5pt,並在後續加入規範中。

3樓:susu

用一倍圖做設計稿的時候可以是0.5pt,但是對接開發的時候可以讓開發用畫素單位寫成1px,因為在3倍圖的時候0.5pt其實是1.

5px,那麼理論是會產生虛邊的。所以可以固定1px,使不同解析度的螢幕都顯示1px就好。之前在高解析度的螢幕上測試過幾個產品的分割線,實際也都顯示的是1px.

4樓:Jacky

完全可以,實際上很多產品這麼幹很多年了。

1px某些模組應用下會顯得略重,特別是顏色較深時。隨著螢幕的解析度越來越高,0.5px或者0.5pt應用的場景很多。

要注意的是0.5的描變顏色不要太淺。

5樓:lij

可以首先「iOS人機互動指南」中的UI-Kit的分割線就是0.5pt的

而且現在手機都是高分屏,蘋果引以為傲的Retia屏,以及安卓陣營各種超高解析度的螢幕,根本不會有之前的虛畫素問題

6樓:AAA教育

當然是可以的不過設計師們一般都是取整數的

0.5pt在 @3x可能會出現瑕疵,建議用1pt 這樣也不會太為難前端小哥哥。

7樓:UI設計師禿頭君

可以的0.5個單位會在@3x環境下表現出虛邊但是基本可以忽略不計,肉眼並不明顯

就是需要注意0.5單位的元素在網格中的位置figma和xd怎麼樣不清楚

在縮放線性圖示時如何保持線條粗細不變?描邊除外。

縮放形狀想保持形狀中線條保持粗細不變,是不可能的。首先要明白什麼是縮放,實際就是形狀中的每個關鍵節點以及曲線手柄節點相對縮放中心點的座標值同時調整後的組成的新的形狀。那麼形狀中的線條,實際是節點相對節點的座標不同點產生的。所以整體縮放後想要線條粗細不變,也就是希望每個節點相對乙個固定的節點座標值改變...

UI設計師如何設計中後台產品?

誰禿誰知道 提出了 中臺 這個設想,我們試圖找到一種即高效又符合邏輯,同時符合使用者體驗的方式。把內容進行體驗層面的歸類和細分,提取共有特性,預判使用者在不同類別中的興趣和喜好。進而提公升內容平台的商業價值和分發效率。商業行為的本質就是榨取剩餘價值。榨取剩餘價值的基本條件,就是降本增效 用更少的時間...

自考專科學歷中,現在開始0基礎學UI設計,大家覺得可以嗎,UI設計難度大嗎?平面設計和U設計哪個好?

飛揚日記 選擇你最感興趣的,不要隨便聽別人眾說紛紜,然後入行,之後才是最重要的,就是保持練習和知識經驗的積累,在工作中去積累,會成長的更快 李不言 其實我現在的情況,跟題主一樣的,我是報的小班面授,也沒什麼好建議,只能慢慢折騰。感覺這個回答好水 人這一生,不是做過什麼而後悔,而是沒做過什麼,就像那個...