像素分辨率(px)屏幕尺寸機(jī)型開(kāi)發(fā)尺寸(pt)切圖規(guī)格像素密度(ppi)高寬比(≈)1290 x 27966.7英寸iPhone 14 Pro Max430 x 932@3x...
像素分辨率(px)屏幕尺寸機(jī)型開(kāi)發(fā)尺寸(pt)切圖規(guī)格像素密度(ppi)高寬比(≈)1290 x 27966.7英寸iPhone 14 Pro Max430 x 932@3x...
在視覺(jué)設(shè)計(jì)方面眨唬,并不是所有的趨勢(shì)都有助于良好的用戶體驗(yàn)绷落。有時(shí)候設(shè)計(jì)師追隨潮流只是為了創(chuàng)造一種時(shí)尚的設(shè)計(jì),而不是為了創(chuàng)造出功能良好的產(chǎn)品称杨。 今天肌毅,我們回顧一下最近在Dribbb...
案例樣式: 1. HTML結(jié)構(gòu) 2. JS代碼部分 2.1 獲取相應(yīng)的元素 2.2 使用 forEach 遍歷數(shù)據(jù)并渲染到頁(yè)面中 2.3 根據(jù)價(jià)格篩選數(shù)據(jù) 獲取到搜索按鈕并為...
動(dòng)效設(shè)計(jì)(Motion design)是通過(guò)動(dòng)態(tài)手段,提升產(chǎn)品用戶體驗(yàn)的過(guò)程锭汛。好的動(dòng)效設(shè)計(jì)能夠清晰的表達(dá)產(chǎn)品層級(jí)之間的關(guān)系笨奠、提升易用性與可用性、減少用戶的認(rèn)知成本唤殴,也能夠彰顯...
以產(chǎn)品網(wǎng)易云音樂(lè) 為例啤咽,我們來(lái)區(qū)別一下“場(chǎng)景”和“問(wèn)題”這兩個(gè)概念: 首先,體現(xiàn)場(chǎng)景的例子有 (1)李華周末在家學(xué)習(xí)有點(diǎn)累了渠脉,為了放松一下大腦宇整,他打開(kāi)了網(wǎng)易云音樂(lè)一邊聽(tīng)歌一邊...
設(shè)計(jì)規(guī)范 在界面設(shè)計(jì)中,我們會(huì)遇到不知如何選取顏色潜腻,或配出來(lái)的色彩不和諧的情況埃儿,其實(shí)遇到這些困擾是因?yàn)槲覀儧](méi)有搭建好我們的UI色彩體系。 色彩體系就是我們制定好的配色色板融涣,它...
今天看到這樣一個(gè)題目剃斧,想試著捋一下自己的思路和看法: 1轨香、塔尖用戶的定義是什么?對(duì)定義一致認(rèn)知的基礎(chǔ)上才有討論的基礎(chǔ)幼东。這里我姑且認(rèn)為塔尖高端用戶是那些具有獨(dú)立思考能力臂容,渴望獲...
本文結(jié)合小李入職新公司,high-level去熟悉項(xiàng)目散庶、產(chǎn)品蕉堰、組織、需求全景的故事悲龟,介紹構(gòu)建“Big Picture”的四種圖板工具:組織畫布嘁灯、精益畫布、項(xiàng)目畫布躲舌、需求全景圖...
本文對(duì)移動(dòng)端APP常見(jiàn)架構(gòu)與設(shè)計(jì)進(jìn)行了小結(jié)没卸,實(shí)際工作中,還是要根據(jù)APP定位秒旋、目標(biāo)用戶约计、功能特點(diǎn)等進(jìn)行架構(gòu)與設(shè)計(jì)選擇。PS:有不足之處迁筛,歡迎指正~~也歡迎繼續(xù)補(bǔ)充APP常見(jiàn)架...