像素分辨率(px)屏幕尺寸機(jī)型開發(fā)尺寸(pt)切圖規(guī)格像素密度(ppi)高寬比(≈)1290 x 27966.7英寸iPhone 14 Pro Max430 x 932@3x...
像素分辨率(px)屏幕尺寸機(jī)型開發(fā)尺寸(pt)切圖規(guī)格像素密度(ppi)高寬比(≈)1290 x 27966.7英寸iPhone 14 Pro Max430 x 932@3x...
在視覺設(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ù)并渲染到頁面中 2.3 根據(jù)價(jià)格篩選數(shù)據(jù) 獲取到搜索按鈕并為...
動(dòng)效設(shè)計(jì)(Motion design)是通過動(dòng)態(tài)手段般婆,提升產(chǎn)品用戶體驗(yàn)的過程到腥。好的動(dòng)效設(shè)計(jì)能夠清晰的表達(dá)產(chǎn)品層級(jí)之間的關(guān)系、提升易用性與可用性蔚袍、減少用戶的認(rèn)知成本乡范,也能夠彰顯...
以產(chǎn)品網(wǎng)易云音樂 為例,我們來區(qū)別一下“場(chǎng)景”和“問題”這兩個(gè)概念: 首先鳞青,體現(xiàn)場(chǎng)景的例子有 (1)李華周末在家學(xué)習(xí)有點(diǎn)累了霸饲,為了放松一下大腦为朋,他打開了網(wǎng)易云音樂一邊聽歌一邊...
設(shè)計(jì)規(guī)范 在界面設(shè)計(jì)中,我們會(huì)遇到不知如何選取顏色中捆,或配出來的色彩不和諧的情況鸯匹,其實(shí)遇到這些困擾是因?yàn)槲覀儧]有搭建好我們的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常見架構(gòu)與設(shè)計(jì)進(jìn)行了小結(jié),實(shí)際工作中误算,還是要根據(jù)APP定位耕挨、目標(biāo)用戶细卧、功能特點(diǎn)等進(jìn)行架構(gòu)與設(shè)計(jì)選擇。PS:有不足之處筒占,歡迎指正~~也歡迎繼續(xù)補(bǔ)充APP常見架...