列表式导航作为次级导航展示种类单一的信息，如iOS信息应用，微信的消息列表等。

0138ab5929213ba801216a3e018e31.png

内容界面结构

0161525b5580a7a8012036bec193ec.png

砍价原型

011b07554264920000019ae95f3e13.jpg

JJ社区app

019b515a619022a80120121f0ed4d2.jpg

UI界面

原来以为自己一天就能够做好的任务，没想到电脑出问题了，弄了半天！第一版的用了华为细黑，感觉质感不好，最后用了平方的中等。

0162f558297046a84a0d304f8f765f.png

ios微信设计（待续）

iphone5/iphone5S/SE UI设计界面规范 iphone尺寸 微信

01d7cb5cdcc1d9a801208f8b8ff36d.jpg

015a23554254b20000019ae9d24c1f.jpg

前段时间的几个UI设计

列表式导航作为主导航，必须满足层级浅且内容平级的条件。如下图所示，iOS中的设置、QQ邮箱是为数不多的用列表式做为主导航的应用。

01ecd15929213ab5b3086ed4927c09.png

0114d65790447d0000012e7e00dd50.jpg

微信移动端

列表式导航作为次级导航来展示二级甚至更深层级的内容，多用于个人信息、辅助功能、设置、信息列表等，十分常见。

0142735929213ab5b3086ed445c57f.png

微信交互效果图  ， 含交互效果

017e3b56455e7932f87512f62e8e12.jpg

手机交互

01e54e5801f961a84a0d304f1bfe23.png

临摹微信app界面

01bebe5790f7d50000012e7e6c196a.jpg

logo设计

01871d584eb2b4a801219c7713bb57.jpg

易财经

采用了《微信读书的》的用色，等待更多···············

01a33358297066a84a0e282b0881cd.png

01b92856a9f1f16ac7256cb04e7fda.png

Day01-界面学习

今天没太注意排版效果，因为作品没有完全完成。

0111bc59414664a8012193a356781b.png

交互第24天@app

01f8f75e23d04aa8012165189c8b2a.jpg

项目作品集

0182875bbf64a1a801213dea0b87ca.png

APP-睡睡

015b755662901e6ac725b2c8a7e0b6.jpg

静享

01c7a7558a255d0000001fa3643262.jpg

三年前做的第一个UI作品

心得：1.上传作品的时候要考虑到表达设计，不要让作品被其它的无关因素干扰（背景颜色不要与作品融为一体，会失去美感，背景要能突显作品）；<br>         2.作品还需要进行排版，更能展现作品，我还需要多多学习排版的知识；<br>         3.巧用组件，在提高质量的同时提高工作效率。<br>         

01fa26592d8670a801216a3e69816e.png

第9天#交互40天#总结

0150c75ab9abb2a80121820717bf59.jpg

app弹出框

01e01c5543c5d70000019ae996958a.jpg

微信APP展示

追随Google的脚步，知乎安卓客户端Material Design实战！

01c22f5570fef70000009fcba62b45.jpg

0103df58106d87a84a0e282bb15dcf.jpg

聊天

01c5265942ae9fa8012193a3c10201.png

第25天@app

0197965a4dfe87a801206ed30b99e5.png

如果微信跳一跳用PPT动画来做

018ebb5d51320ba8012187f4f0ae8c.png

交互设计作品集