页面设计
chibimarukochan
记录一些学习心得和日常。
展开
-
Axure--登陆页面输入框变色
说明:登陆界面,包含用户名与密码的输入框,当焦点进入输入框时,输入框边框和图标变为蓝色;失去焦点时,恢复灰色。页面元件:设置矩形框和图标的选中状态:设置输入框的选中状态:属性-》获取焦点-》双击-》case1-》元件-》设置选中-》选中 设置输入框的取消选中状态:效果图:...原创 2018-03-01 15:20:15 · 3725 阅读 · 0 评论 -
Axure--轮播图展示
功能:循环播放一组图片,圆形分页标签随着播放不同的图片,而对应改变样式。效果图:第一步:创建动态面板双击动态面板,命名为statePanel(自行命名即可),创建五个状态:为每个面板添加一张图片:制作圆形分页标签:设置选中状态,勾选选中,设置选项组名称tag复制4个,放置到合适的位置,在概要面板中选中,重新命名,为Tag1-Tag5点击动态面板,点击【载入时】,添加case,设置【设置面板状态】,...原创 2018-04-26 10:13:55 · 840 阅读 · 0 评论 -
Axure--中继器:制作产品列表(1)
功能:批量制作产品效果:步骤:1.拖动中继器到画布2.在中继器中添加图片和字段名称,重新命名3.选中中继器,在检视面板,增加行列,如果需要图片字段,右击选择导入图片即可。4.检视面板中,打开交互界面,选择【每项加载时】添加case1,设置动作为【设置文本】,将字段和数值一一对应点击fx按钮,选择对应的函数值:如果字段为图片,选择【设置图片】,整个中继器操作如下:可以设置排版样式:...原创 2018-04-26 15:49:30 · 710 阅读 · 0 评论 -
Axure--中继器:制作产品列表之排序(2)
元件准备:矩形框一个、文本框2个、动态面板一个效果:编辑动态面板:里面2个文本标签:价格从高到低、价格从低到高为价格从高到低设置【鼠标悬停】,设置字体颜色为桃红色设置【鼠标单击】,添加case1,选择中继器【添加排序】,选择需要排序的字段,此时为price字段设置【显示隐藏】的隐藏,选中动态面板隐藏...原创 2018-04-26 17:26:09 · 1738 阅读 · 0 评论 -
Axure--中继器:制作产品列表之类型筛选(3)
功能:在Axure--中继器:制作产品列表之排序(2)的基础上增加类型筛选效果:在中继器中增加两列,分别为 promotion,newStyle在标题栏增加两个复选框,分别为新款,价格优惠为复选框添加选中事件,设置case1,[中继器][添加筛选]复选框取消选中,添加case1,[中继器][移除筛选]新款复选框的检视面板如下图所示:同理,价格复选框的操作如上。...原创 2018-04-26 20:41:42 · 3886 阅读 · 0 评论 -
Axure--FontAwesome字体图标(1)
font-awesome-4.4.0字体下载链接:https://pan.baidu.com/s/1kWC0Mxh 密码:jp5uFontAwesome4.4.0图标字体元件库.rplib 下载链接:https://pan.baidu.com/s/1eTiiPjk 密码:pruy1.字体安装下载完字体之后,解压缩文件,选择font文件夹,双击字体文件,进入字体安装页面在页面中确认安装安装成功后,A...原创 2018-03-01 11:25:57 · 2510 阅读 · 2 评论 -
Axure--FontAwesome字体图标(2)
功能:制作一个搜索框,未输入提示文字和图标,输入时,文字和图标消失效果:选中一个FontAwesome图标,拉到画布上,双击图标,复制图标里面的文字,将内容粘贴到文本框的{提示文字}中,并输入搜索apple.com等其他文字。单击[提示样式],在样式界面中设置文字字体为fontAwesome,字体颜色为灰色。...原创 2018-04-26 21:06:56 · 598 阅读 · 0 评论 -
PS学习(一)-改变logo颜色
功能说明:改变logo颜色步骤:1.打开Photoshop CC,点击导航栏文件,打开需要处理的图片文件2.用快速选择工具,选区要改变颜色的区域,效果如下:3.改变前景色,即你要改完后的logo的颜色 4.新建图层,新的logo在此图层上5.按下键盘上的alt+backspace 填充前景色6.最后ctrl+d,取消选取,将图层0关闭,保存,效果如下...原创 2018-09-21 11:57:00 · 12133 阅读 · 0 评论