網(wǎng)址鏈接：https://hackdesign.org/lessons/13
到UI更多的是關(guān)乎平面和工具的知識搔驼。
Vector Interface Design（矢量界面設(shè)計(jì)）
就是做UI的時候做矢量圖撞叨，矢量圖基于路徑放大縮小不損失像素勃救，方便調(diào)整。
- Ai的鋼筆工具使用指南
- PS中矢量圖的使用（包括制作）
其實(shí)也就是鋼筆工具，路徑屈扎。不管是鋼筆工具、形狀工具畫的都是只有三種：路徑、形狀云茸、像素。然后就是注意各種組合谤饭，布爾運(yùn)算标捺，這方面Ai會好很多。 - Dribbble
在籃球社區(qū)里的設(shè)計(jì)師揉抵，做的UI的都是很好的作品亡容。畢竟是做平面，不干事dribbble還是pin和behance肯定都是要經(jīng)常去看的冤今。設(shè)計(jì)沒有標(biāo)準(zhǔn)闺兢，不斷借鑒積累然后提高。 - 一些icon推薦網(wǎng)站
做原型的會用到這些戏罢，保存一些基本的素材能夠快速的幫助設(shè)計(jì)和提升工作效率屋谭。
做好圖解和注釋
- 符號阱佛、icon和標(biāo)注含義
- 加入自己的見解
- 注意備份
- 符號字體已被大眾所接受
其實(shí)就是注意可視化，然后在設(shè)計(jì)原型多的過程中做好注釋戴而。
Responsive web design（響應(yīng)式網(wǎng)頁設(shè)計(jì)）
響應(yīng)式網(wǎng)頁設(shè)計(jì)（RWD）或者說自適應(yīng)網(wǎng)頁設(shè)計(jì)凑术。找到了一篇介紹的博客，覺得講的比較詳細(xì)和基礎(chǔ)所意。
自適應(yīng)網(wǎng)頁設(shè)計(jì)（Responsive Web Design）
什么是響應(yīng)式布局設(shè)計(jì)淮逊？
- 響應(yīng)式網(wǎng)頁設(shè)計(jì)介紹
- 響應(yīng)式導(dǎo)航模式
- 響應(yīng)式網(wǎng)頁設(shè)計(jì)工作流程
- Web風(fēng)格指南
- 設(shè)計(jì)Hi-DPi網(wǎng)站
基礎(chǔ)知識學(xué)起來！為設(shè)計(jì)師量身打造的DPI指南
要更多的跨DPI和平臺的設(shè)計(jì)扶踊，DPI和PPI就是分辨率的單位而已泄鹏，DPI主要是打印，PPI主要是屏幕顯示秧耗。
然后是關(guān)于retina屏备籽，視網(wǎng)膜屏就是指屏幕顯示的像素點(diǎn)視網(wǎng)膜也不能識別，所以看上去顯示效果更好分井，更細(xì)膩车猬。但是retina屏被蘋果注冊商標(biāo)了，其他的公司就只能叫Hi-DPI尺锚，其實(shí)都一樣珠闰。
有目的進(jìn)行UI設(shè)計(jì)
- UI設(shè)計(jì)的必要性
- 扁平化和擬物化
- UI設(shè)計(jì)及功能
- 設(shè)計(jì)和實(shí)用之間的衡
UI始終都是視覺輔助作用，決定一個產(chǎn)品的根本在于實(shí)用性瘫辩，UI起輔助作用伏嗜。 - 你的UX哲學(xué)是什么
就是要建立一套自己的用戶體驗(yàn)標(biāo)準(zhǔn)，多去觀察思考伐厌。
