ui和前端之間的細(xì)節(jié)

自認(rèn)為是一個(gè)比較細(xì)心的人,后來我否定了。還記得第一天在上個(gè)前端的代碼基礎(chǔ)之上改了一些樣式。后來給ui同學(xué)過目,提出了一大堆間距、顏色等細(xì)節(jié)問題。心里有了個(gè)譜,ui對(duì)于細(xì)節(jié)的執(zhí)著程度是什么樣子的。從此以后就細(xì)心的切,但是每次還是能挑出來一堆問題,有時(shí)候?yàn)榱它c(diǎn)點(diǎn)的小問題感覺真的要調(diào)到崩潰。最害怕Ui說的一句話是,頁面看起來和效果圖差距好大啊!說實(shí)話,開始心里是很恨這個(gè)ui的,今天還開玩笑說,好想揍他一頓啊,但是只是開玩笑。在有了一個(gè)這么執(zhí)著有態(tài)度的ui的前提下,代碼才越來越細(xì)致,才會(huì)想盡一切辦法去解決,去激發(fā)潛能。

? ? ? ? ?對(duì)于這些日子以來合作的過程,總結(jié)了以下幾點(diǎn)經(jīng)常調(diào)整的細(xì)節(jié)地方:

1、icon模糊。通常我沒覺得怎么樣的圖,在ui眼里模糊的不能忍受。所以現(xiàn)在得icon為了保證清晰度都是放大二倍切圖的。但是在這種情況下還是會(huì)有后期調(diào)整的時(shí)候,因?yàn)閡i看著還是不滿足自己的要求。

2、文字的顏色。后期調(diào)整的時(shí)候,ui總會(huì)說這個(gè)顏色不對(duì),那個(gè)顏色不對(duì)。因?yàn)樵O(shè)計(jì)軟件的不同,量取的色值不準(zhǔn)確。后來ui給了一套色值。然后整個(gè)網(wǎng)站都在這一組數(shù)值中選擇色值使用,就解決了色值的問題。


色塊圖

3、文字與文字間的上下間距。左右間距需要調(diào)整的時(shí)候不太多,主要是上下間距,因?yàn)槲淖稚婕暗叫懈?,所以間距不能是直接量出來就寫上的。

4、文字的大小。由于制作軟件不同,文字大小自己量取的不準(zhǔn)確。

5、呈現(xiàn)效果不滿意??赡馨凑招Ч麍D切出來的一模一樣,但是覺著不好,還會(huì)調(diào)節(jié)一些字號(hào),間距什么的。

6、頁面鏈接默認(rèn)都是在新窗口打開,如當(dāng)前打開會(huì)有特殊說明。

7、icon和文字是一起的情況下,鏈接的話要一起加,不能只加文字不加icon

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容