搪瓷┈┾娃娃

Olo骚包:

#画画的Olo骚包#

Small monster 系列[二],首次用AI,暖心的重口味,激蕩妳的視覺,嗷嗚!

方寸指间

小和:

《方寸指间》——移动设计实战手册


本书特点:简单实用


阅读时长:3小时


适合读者:学生、初级交互设计师


 


我的收获: 


1、使用Axure画原型时,建立精确到像素的规范,如:宽320px,一般控件44px,字体大小用默认13号字。让自己设计的交互稿整体统一,不仅显得专业,而且方便视觉和程序理解,不会产生歧义。




2、  在Axure第一屏展示各界面之间的跳转,方便程序员同学了解每个界面之间的联系。




然后在接下来的界面,每一屏幕展示1到2个界面,添加详细的交互说明。 




3、避免键盘输入:键盘输入效率低,也容易出错。




4、减少页面跳转:更少的页面跳转能增加页面的连贯性,减少用户的记忆负担,让用户在任务的处理上有更好的连续性。解决方案:使用抽屉、使用浮层、局部处理。




5、为用户的行为操作提供即时的反馈。这样在网络缓慢或性能较差的设备上,用户能快速察觉到已经点击成功,从而避免多次点击。




6、对话框按钮:iOS与Android一样,否定性按钮在左边,肯定性按钮在右边。WP把肯定性按钮范在左边,否定性按钮放在右边。




7、移植:一般优先考虑iOS平台,因为iOS硬件配置高于Android,在性能上更能满足各种设计要求;屏幕尺寸较少,适配更简单。当移植到Android时,只需考虑适当降级处理和适配规则描述。




8、移动App有三类:Web App,通过Html5实现,通过浏览器访问;Native App,通过应用市场下载,直接在本地使用;Hybrid App,也是通过应用市场下载,看起来是一个Native App,但只是一个框架壳,其中的内容其实还是通过Web App的方式实现的。







9、常见的主导航包括:





 标签式:能让用户直观地了解到App的核心功能。根据逻辑和重要性控制在5个以内,通过视觉表现用户的当前位置,页面之间的切换快速又不容易迷失,简单高效。


抽屉式:追求核心内容的突出,弱化导航界面,常见于一些信息流产品。


桌面式:类似于手机桌面各个应用入口的导航方式。每一个入口往往是比较独立的信息内容,用户进入一个入口后,只处理与此入口相关的内容,如果要跳转至其他入口,必须先回到入口汇总界面。


 菜单式:以突出内容为主,一般位于产品顶部。与界面的连贯性较好,展开和收起菜单对当前界面没有影响。但由于导航菜单位于屏幕顶部,不适合结合手势,操作上有难度,所以不适合需要频繁切换的功能。


点聚式:最早来自Path,将用户最频繁使用的多个核心功能点汇聚在主界面中显示,方便用户随时呼出使用。所占用的空间较小,常出现在一些主要流程界面中,作为全局导航使用。




10、二级导航


走马灯:适合于图片或整块内容的并列展示,用户通过左右手势滑动来聚焦到当前内容。内容数量不能太多,控制在5~7个以内,以避免用户操作疲劳。


列表:常用于设置、消息和承载大数据量信息的界面。


 图示:让导航更加可视化,同时根据页面内容的变化,可以及时地更新图示,适合以图片为主的内容。


 分段选项卡:对主导航内容的再次分类,位于界面顶部,视觉上会突出当前所在位置。分段选项卡一般在顶部导航栏下方,一次最多显示4张选项卡。有更多内容,可以结合手势滑动界面。




11、界面间跳转加载





当前页加载:点击链接后,在当前页提示正在加载或处理,成功后进入下一页。一般适合在需要处理判断的界面中,不用担心进入空白页面,避免了无故跳转。


进入页加载:点击链接后,直接进入下一个页面,在下一个页面中显示加载内容。现在大部分App的正常路径都会使用这样的设计方式,给用户带来了极为流畅的感觉。需要考虑分步加载,优先加载框架和默认元素,让用户能尽快看到界面的基本布局和内容。


分步加载:优先加载占用网络资源少的内容,例如框架、文字和默认图案,再加载占用网络资源多的内容,这样可以让用户更快速地看到界面框架内容。


懒加载:主要出现在长界面中,如无尽列表,用户可以不断地向下查看内容,达到某个点之后自动加载内容,或者触发拉动后自动加载更多内容。


预加载:是一种提前加载的方式,例如在闪屏的时候提前加载首页内容。还有对于一些表单,都可以提前加载表单的步骤。


智能加载:1、在网络好的情况下,提供更多更长的界面;在网络差的情况下,只显示部分内容,将更多的内容隐藏,通过用户的操作再显示。2、主动判断网络情况,资源会根据网络情况做差异处理。例如,对于图片资源,可以根据网络情况的好坏提供高质量或一般质量的图片。


缓存加载:针对无网络情况下,让用户仍然能看到缓存在本地的有用信息,不会出现空白界面。


 


12、引导设计







13、标志通知:红点和数字提示相比,数字更能引起用户的注意,但当数字过大时,容易被用户忽视。红点提示更适合在大信息量更新,且权重不高的情况下使用,一般点击过后,红点消失。数字提示更适合在更新信息量小,跟用户相关性更高的情况下使用,点击查看过信息后,数字会消失。




14、使用Photoshop设计时,iOS平台:中文选择“黑体-简”或者Heiti SC,英文选择Helvetica(Neue);Android平台:中文选择“Droid Serif”,英文选择Roboto。通常字号在22、18、14、12、9dp。客户端中的文字状态主要有:常态、选中、强调、辅助说明、链接。




15、iOS所有的键盘类型:





16、图形布局,以下是对常见手机应用中的视图效果进行了多种比较,总结了每一种视图各自的特点:





17、适配不同屏幕:延伸、缩放、调距、截取。




18、iOS用户群更倾向于精致、浪漫的生活,女性用户选择使用iOS的较多,消费能力相对较高。Android用户群以男性居多,年轻化,本科和大专的学历为主,Android用户更倾向于大众化的生活消费方式。




19、持机方式:





单手竖屏持机是最常见的方式。打字的时候,基本上用户需要双手持机操作。看视频或图片,可能就需要旋转屏幕,横屏持机。


在设计之前,了解场景以及用户最可能采用的持机方式,会影响产品框架的设计和交互效率。




20、应用时间段:游戏高峰从晚上8点开始,到了深夜11点又进入了电影高峰。对于资讯阅读类,早上8~9点的上班途中和上班开始最常用。中午时段各类型的应用都会有一个使用小高峰,社交类应用的高峰也主要集中在晚上。


研究好应用主要的时间段,可以对产品的各种营销手法,或可能出现的各种情况提供很好的参考。




21、每个月月初的点击数和点击UV走势会突然上扬,峰值在月中,然后到月底就跌到低谷。导致这个现象的原因就是流量包月,到月底很多用户的流量非常有限。





22、针对要设计的具体产品,可以用表格的方式将对应的情景因素综合到表格中,以便于思考有哪些核心的影响因素,进而从设计上做出有针对性的决策。





 


我来补充: 


1、我会建立一个“图标库”,如:





在使用Axure画原型时,把常用的图标都放到桌面上一个叫“图标库”的文件夹里,随时调用。 





2、画原型时,会需要各种各样的图标,一般我会来这里搜图标:http://www.iconpng.com/    用法跟百度一样,比如输入“设置”,点击搜索就会出来各式各样的“设置”图标。




3、精简内容,如:“时间:4/27  周日  天气:晴 气温:20°~28°  ”,可精简为“4/27  周日  晴 20°~28°  ”,放心,用户真的能看懂。




4、避免键盘输入的建议方案:1、可以给用户以“选择”,让用户点击选择,而无需调键盘输入。2、用户输入一个文字、字母时,给用户联想匹配文字供选择。




5、Web App较适合更新性速度较快的内容页面、活动页面,Native App适合长期使用的稳定界面。Native App的稳定性和用户体验要明显优于Web App。




欢迎来我的独立博客:http://danielue.com/

Claire.J:

#每日icon#第52天~

  • 今天参考了一个蓝色的水珠图标做了这个~~把阿章扔进去了萌萌哒~最近做的东西虽然造型和基本的光影都是临摹的,但是在原作的基础上都做了些颜色还有细节的调整,优化~我觉得这样细小的锻炼也很有意思~~当然等下周放假回家以后还是要好好琢磨一下原创图标~~


Surreal设计家:

带有折叠玻璃屋顶的下沉内院与上方的绿色屋顶花园相连。好设计分享来源:archgo.com