方案三 为追求简洁、简单、易懂的设计理念，突出品牌，强化产品的搜索功能；主题色延续了百度蓝； 几何插画元素的融入，使产品风格更具特色，像大海一样的搜索知识库，通过桥梁架起搜索和人的连接通道； 文字输入和语音输入统一在一个页面操作，减少切换跳转层级，在界面未触发操作的情况下： 点击文字提示区域，光标闪现，同时底部唤醒文字输入键盘，文字输入进行搜索； 点击语音按钮，进行语音输入，文字提示区域自动切换成语音显示区域，用户说话时跳动的音阶，希望带给用户更舒适流畅的使用体验。 顶部左上角为书签入口，右上角为我的入口。

012070581027f2a84a0e282b033bc6.jpg

手机百度 首页改版尝试

01403a581027e6a84a0d304fcfc125.gif

01024d581027eca84a0e282b4cd6c5.jpg

01273a5c261985a8012029acd1f1ee.png

2018作品集

方案一 搜索是希望用户快速有效得进行精准搜索，所以本次设计本着清晰、高效、一致、美的设计理念，设计完全用面型和色块分割结构的灰阶视觉风格； 清新的天气入口融入界面顶部，信息更加直观、友好； 功能入口采用宫格布局排版，扁平精致的图标，使功能更具识别性； 底部的语音按钮，点击的时候从顶部的圆弧遮罩向上展开显示出新页面；点击关闭的时候又收起缩小收到语音按钮里；底部增加返回按钮，这样统一以后会提升用户使用体验 list列表采用统一左文右图的布局，使视觉更统一，减少用户思考时间，快速找到需要的内容。

010283581027e5a84a0e282b325a62.jpg

方案四 手机百度目标用户主要的使用需求是搜索，首页搜索功能单独放置，凸显重要性； 信息采用多卡片结构，上下滑动切换版块内容信息，左右滑动切换相邻版块，希望带给用户更舒适流畅的使用体验。也使产品同其他竞品具有一定的区别度； 右上角的换肤入口，让用户快速设置主页皮肤，使产品更具个性化，增加用户使用乐趣。

019a00581027f4a84a0d304f2e0f00.jpg

0195365875e145a8012060c8984c8b.png

日常练习

01a8075f70520711013e45845c2935.gif

动效设计原则归纳提炼

017fe65a6153c4a80120121f0a5d5d.png

diigo创新产品

01f33160d9d95611013eaf70871b5e.jpg

UI100DAY（50-100天）作品合集

01fe2a57722e860000012e7e6f7295.png

TO DO LIST

011ffe58760314a8012060c88cf954.png

几个练习

方案二 本次设计对整个界面进行了视觉优化，简洁、扁平风格打造全新搜索体验。 功能入口图标设计的蓝色线面几何形状结合，界面更清爽、直观； 天气图标风格和产品风格一致；

014335581027eba84a0e282b8f207c.jpg

To do list工作规划界面设计，大而简设计规则，突出信息弱化装饰

01d53258e09abfa801219c772aa017.png

015e0759a67821a8012028a996220c.jpg

视觉设计

视觉设计稿7——我的4——翻译历史

01322558ad981fa801219c77106062.jpg

TT翻译秘书 V3.0优化

017cca56e2730232f875520f925823.jpg

百度作品借鉴

010bd8623885150002c4212ceb7fda.jpg

作品集

01948e57bbfe6c0000012e7e0a79eb.png

引导页设计 练习

015ecb59a77bf3a801211d25335eb1.jpg

ui界面作品集30项第一波

0195525a583a28a80120121fe5fc35.png

ui100days

018591597b8274a8012193a34af261.png

书僮 - 任务管理

01ffd05c74a7c9a801203d22729296.gif

2016-2018项目整理

01c85a5933d163a8012193a3598c6f.jpg

Apple Watch App

019a515c36b2cfa8012090dbf45d88.jpg

多项合作，百度一下即刻！

016b955a7ab836a8012192315cca86.jpg

2017年练手作品

0164d15955c351a8012193a3bcfcc8.png

What You Need -app

01ab9e59a77b8aa801211d254bb4cf.jpg