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

019a00581027f4a84a0d304f2e0f00.jpg

手机百度 首页改版尝试

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

014335581027eba84a0e282b8f207c.jpg

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

010283581027e5a84a0e282b325a62.jpg

01403a581027e6a84a0d304fcfc125.gif

01hcn73uwqg2ucahzxwtts3936.jpeg

陈先森体验视觉设计作品集

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

012070581027f2a84a0e282b033bc6.jpg

01d5406214c96511013f01cd6683a7.jpg

个人总结

01218f5a7d5945a801219231192498.jpg

UI100days

01024d581027eca84a0e282b4cd6c5.jpg

0122a158bd00e2a801219c779ec44b.jpg

UI100DAY_PART1

0147045b61651fa801206a359be442.jpg

作品集

站酷推荐设计师

01ea2e5a4aec58a801206ed3c7a5c3.png

2017——作品小集

01a1385e5c95dda80120a895452ba6.png

2019年作品集

01f6755b31a387a80120b959464175.jpg

年中总结

01fb0957690a010000012e7e13419d.png

Daily UI 85

01dff95bc469efa801213dea43a4d5.jpg

翻译器应用设计

01ybjguis7mjykerrnybb73037.jpg

2023年C端项目作品集

012ba85ab0d299a80120be147cb5fe.png

6770e356e2260wmwurdsz93318.png

AI安全小助手-项目总结

01aefe5fdefb7811013ee04d7d41ce.jpg

UI100挑战-DAY92临摹

678f4ea9e6ddes8b392elc831.png

儿童绘本小程序-复盘整理

010f985aafc4c8a80121246d5936bb.gif

01fb285ab32905a80120be141b7d0c.jpg

sing

01b7ab5f1d810aa801215aa03acb87.jpg

2020作品集

01ea4b59302d70a8012193a3446d2d.jpg

Lofter界面设计练习 UI 设计

音客  一款分享各种声音的社区型小众app

01de7d5ade70dca801214a612e4f2e.png

01be605adeff85a80120927b3af0fb.jpg

微信改版

Langogo Translation 2.0重设方案探索

01klgh9o70zel4bu1c4ghh3131.jpg

0176765dc4e7daa801209e1fa005a3.gif

社交APP动效展示

01fde860b766ba11013eaf70a65dcb.png