联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

安卓简单ui设计小红书界面的要求有哪些,介绍一些实用的UI界面设计工具

Time: 2021-08-18

小红书,相信很多人都了解,作为一款让大家熟悉种草的APP,在界面设计上有很多值得学习的地方。今天就让faceui为大家介绍安卓简单ui设计小红书界面的要求有哪些,介绍一些实用的UI界面设计工具。

  安卓简单ui设计小红书界面的要求有哪些

  该界面为应用启动后看到的第一个界面。各控件的要求:

  1、标题字体大小20sp,与顶部距离20dp,居中。

  2、图片与上下控件的间距均为20dp,居中。

  3、输入框整体距左右屏幕各间距20dp,内容(包括提示内容)如图所示,内容字体大小18sp。

  4、按钮与输入框间距10dp,文字大小18sp。按钮背景框左右边框与文字间距10dp,上下边框与文字间距5dp,圆角半径180dp,背景色为**#3F51B5**。

  5、四个单选按钮整体居中,与输入框间距10dp,字体大小18sp,各个单选按钮之间间距10dp,默认选中的按钮为第一个。

安卓简单ui设计小红书界面

安卓简单ui设计小红书界面(图片来自网络)


  实用的UI界面设计工具

  1、Android Developers

  优势:全面的Material design设计指南、资源

  作为安卓系统开发的官方网站,Android 采用以纸墨为灵感的新设计理念,提供令人倍感心安的触感。基于Material design, Android developer提供了十分全面的移动应用UI设计指南,包括图标,颜色工具,运动,样式,布局,组件,模式等,为最新的安卓界面设计提供了方向。其目标是”为用户创建一种视觉语言,将优秀设计的经典原则与技术和科学的创新和可能性相结合。”

  2、Mockplus

  优势:快速Android界面原型设计

  Mockplus是一款简单快速的Android/iOS手机界面原型设计工具,拥有丰富全面的Android手机应用界面设计组件和图标库。大到安卓应用界面设计模板库,小到极具安卓特色的图标、按钮,使得Mockplus在移动应用原型界面设计方面具有先天优势。Material design风格的组件也和安卓官方的设计指南不谋而合。例如,安卓状态栏、底部导航栏、以及安卓开关。设计人员即拖即用。简单快速的交互方式也是其一大特色。组件之间交互,页面之间交互,组件和页面之间交互,交互命令面板中一目了然。

  除了丰富的组件和图标,还提供了丰富的真实应用和网页设计模板供用户学习和临摹,从iOS到Android,移动应用到网页,种类丰富,不失为Android应用界面设计的一款好工具。

  3、Sketch

  优势:完全为“界面”设计而准备

  Sketch是一款轻量、易用的矢量设计工具,让UI设计更简单,更高效。该平台简化了专门用于UX / UI设计的Photoshop和Illustrator上使用的功能。 在Sketch出现在场景中之前,设计师必须在Photoshop和Illustrator之间切换,以获取特定功能,如矢量和其他照片效果。 现在,Sketch使用户能够摆脱臃肿的功能,并专注于用户体验/用户界面设计,充分发挥其UI设计的潜力。 Sketch最好的功能之一就是能够安装插件来补偿软件没有附带的功能。

  4、Zeplin

  优势:UI设计师与开发工程师的协作工具

  Zeplin的操作很简单, 用户将Sketch制作的UI界面导入Zeplin,应用会自动进行一系列识别:右侧会显示UI界面的配色和字体等信息,当鼠标移到UI界面的图标时,还会自动显示功能图标的位置、大小等参数。另外Zeplin还支持修改规则,比如添加色板、更改字体,以及编程语言在Obeject-C和Swift之间的转换。用户还可以直接在UI界面上进行标记,添加文字备注等。多人协作的情况下,这些更改都会同步到每个人。因此,Android界面设计人员可以节省时间专注于设计本身,而不会因为团队协作花费巨大的时间成本。

安卓简单ui设计小红书界面

安卓简单ui设计小红书界面(图片来自网络)


  5、Iconjar

  优势:图标集合平台

  Iconjar这款软件设计风格质朴,功能实用,支持 SVG/PNG/GIF 三种图标格式,拖入式导入管理,可以设置多个“Set”组合来分类管理图标。在单个图标上右键或者双击图标,你只能看到删除选项,预览功能还没有,但你可以通过底部工具栏的图标尺寸调节滑钮来控制图标显示大小。软件配有搜索、批量重命名/打标签功能(按住 CMD 键多选图标,然后在右侧编辑栏设置图标名和标签)

  其他Android UI界面设计工具:

  1、ActionBarSherlock:一个独立的设计库,也是GitHub上很火的一个开源项目。

  2、Nine Old Androids:实现非常复杂的动画效果。

  3、Pull To Refresh:下拉列表即可刷新当前页面内容的效果。

  4、Progress Wheel:一款能够取代Android原生Indeterminate式可显示具体进度的滚动式进度条。

  5、ViewPagerIndicator:基于Patrik Akerfeld,兼容ViewPager和ActionBarSherlock的Android分页指针小部件。

  6、Android Universal Image Loader:一款为Android量身打造的开源UI组件。

  7、ColorPicker:Android平台的颜色拾取器。

  8、Segmented Radio Button:一款可以在Android上实现iOS上分段控制效果的UI工具。

  9、PhotoView:支持通过单点/多点触摸来进行图片缩放。

  10、Smart Image View:取代Android自带ImgageView组件。

  以上就是faceui为大家介绍的关于安卓简单ui设计小红书界面的相关内容。虽说简单设计一个界面不难,但是要清楚设计的要求,并且有熟悉的实用工具,才能做好设计工作。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开