學(xué)習(xí)UI設(shè)計 |如何入門B端柵格化布局

柵格化脫胎于平面設(shè)計中的“網(wǎng)格系統(tǒng)”(Grid systems)——最基礎(chǔ)的柵格化也就是我們在設(shè)計中常用的輔助線。 (平面設(shè)計時代:無網(wǎng)格,不排版) 早在20世...

246 發(fā)布時間 2024-03-12

UI 設(shè)計:使用網(wǎng)格技巧做出最棒的設(shè)計

我想分享我在 UI 設(shè)計中掌握網(wǎng)格的技巧。貓老師的奇妙設(shè)計課堂,開始咯??什么是網(wǎng)格?網(wǎng)格有助于建立任何界面的基礎(chǔ),可以將其視為布局的框架。該框架...

219 發(fā)布時間 2024-03-12

聊聊UI元素圖標(biāo)設(shè)計流程及小技巧

圖標(biāo)設(shè)計要求熟練運(yùn)用軟件,涉獵各種矢量特性、蒙板以及構(gòu)造實體幾何,因此... 使用簡單的網(wǎng)格系統(tǒng)可有助應(yīng)用圖標(biāo)的繪制。 OS X 的應(yīng)用圖標(biāo)尺寸均為成倍...

148 發(fā)布時間 2024-03-12

UI設(shè)計網(wǎng)格布局有哪些

響應(yīng)式網(wǎng)格是一種系統(tǒng)地調(diào)整您的設(shè)計,分配命令,建立層次結(jié)構(gòu)和“邏輯”設(shè)計的方法。 它使事情看起來不那么浮動,您通?？梢苑直娉稣l在使用網(wǎng)格以及誰...

140 發(fā)布時間 2024-03-12

干貨分享:如何更好地使用柵格系統(tǒng)

柵格系統(tǒng)在UI設(shè)計和前端開發(fā)中是被應(yīng)用的很廣泛一套體系,但真正能掌握并很好運(yùn)用的人卻不多,本期我為大家找到這篇干貨文章,分享原作者通過多年實戰(zhàn)收...

159 發(fā)布時間 2024-03-12

超全面的 UI 元素尺寸設(shè)置指南

只要看完了就能懂得如何設(shè)計 iOS 或 Android 應(yīng)用。而實際上真像大家所理... 無需緊盯著其中出現(xiàn)的每個元素的長寬高數(shù)值。而 UI 的設(shè)計中,無論字體、...

551 發(fā)布時間 2024-03-12

UI設(shè)計四大原則，高級感界面背后原來藏著這些秘密

設(shè)計可以簡化視覺設(shè)計中最復(fù)雜的元素,這樣設(shè)計師可以專注于間距和布局元素。首先設(shè)計黑白。從更難的問題開始,讓應(yīng)用程序在各個方面都美觀且可用,但不...

155 發(fā)布時間 2024-03-12

列表和網(wǎng)格，哪個更適合你的APP設(shè)計?

當(dāng)談到如何創(chuàng)造出色的用戶體驗時,有成千上萬的移動 UI 設(shè)計模式可供選擇,... 網(wǎng)格還是列表這樣類似的爭論中。無論你為移動應(yīng)用和網(wǎng)站設(shè)計選擇怎樣的設(shè)...

151 發(fā)布時間 2024-03-12

說說UI設(shè)計規(guī)范的那些事兒

什么是UI設(shè)計規(guī)范通俗來說,設(shè)計規(guī)范是圍繞在某種風(fēng)格或者大型設(shè)計項目下形成可視化、數(shù)據(jù)化的標(biāo)準(zhǔn),針對相對獨(dú)立的體系建立的統(tǒng)一遵守條款。UI即User...

130 發(fā)布時間 2024-03-12

設(shè)計理論 - 版式設(shè)計之網(wǎng)格系統(tǒng)(下)

基線網(wǎng)格基線網(wǎng)格是指導(dǎo)設(shè)計中垂直間距的基礎(chǔ)結(jié)構(gòu)。它主要用于水平對齊和... 實現(xiàn)此目的的一種方法是使用布局網(wǎng)格系統(tǒng)。對于UI設(shè)計而言,布局網(wǎng)格更可...

361 發(fā)布時間 2024-03-12