在做UI設計時,您需要掌握什么樣的發展知識
有些朋友有疑問,您是否需要掌握一些發展知識來進行UI設計?
我認為有必要了解,但沒有必要過于深入研究。
那么你怎么理解?讓我教你一種方法(你需要一個Android手機來做到這一點,但如果你有一個蘋果手機沒關系,你還會在閱讀這篇文章后獲得一些東西!)
今天的大綱如下:
1.首先找到開關以打開頁面布局
2.了解布局中的三個元素
3.舉個例子
4.需要注意的事項
今天的大綱如下:
1.首先找到開關以打開頁面布局
2.了解布局中的三個元素
3.舉個例子
4.需要注意的事項
1.首先找到開關以打開頁面布局
我們需要打開開關,首先顯示頁面布局,這是我們今天學習的基礎。
首先打開Android手機的設置頁面:
查找“開發人員選項”,然后單擊以輸入:
然后查找“顯示布局邊界”,打開交換機后,您將獲得以下頁面,具有各種幀:
這是我們今天要學習的效果。現在可能看起來有點鈍,但是當我將它介紹給您時,您將了解開發和實施頁面的基本原則!

2.了解布局中的三個元素
如果您想了解原則,您必須知道框架上方的各種形式的框架和顏色!
事實上,只要我們仔細觀察,我們會發現只有三種形式的內容。
首先:
這種矩形是控制區域,可能包含文本,按鈕,圖片等!
第二種類型:
該紫色矩形是指控制之間的間距。
第三種類型:
只剩下白區域,這是嚴格的透明區域。這部分內容是控制內的間距:
知道這三個內容,如果你再看看這個頁面,你會知道開發兄弟如何實現這個頁面?
如果您仍然不明白,讓我們舉個例子。
3.舉個例子
讓我們看看如何實現以下領域:
通過這種方式,完成了一段內容的布局,然后把東西放在相應的地方!
4.需要注意的事項
讓我說要注意的話,我們在我們的工作中經常遇到的問題,請參閱下面的圖片:
兩行文本(紅色部分中的12像素)之間存在一個空間,但是當我們查看開發布局時:
兩個文本控件之間沒有空間。
換句話說,實際上,字體控制本身在頂部和底部之間具有一定的間隔。如果我們此時仍然將間距標記為12個像素,則線間距將大于設計選秀,因此請務必使效果圖標注釋考慮良好,因此在后來的實施中它將不可避免地進行微調。
總結一下
如果沒關系,您可以查看開發的布局,以便您對頁面實現更深入了解。
(北京java培訓靠譜的機構)