202001 - 蓝蓝设计每日一贴

实战：如何利用栅格系统做响应式设计- 后台设计经验总结（2）

2020-1-29 分享达人 Bs界面设计文章及欣赏

左右布局响应策略动态演示。考虑到gif被压缩后效果不理想，所以做了一小段视频来帮助大家更好的理解响应策略。视频如果看着不清晰，选择清晰度为1080p蓝光观看即可一、什么是响应式？按照本人自己的理解，响应式就是通过合理的设计方案配合规范的技术实现策略，使同一个Web页面在各个终端（设备）不同分辨率屏幕上都能有最佳的用户体...

阅读全文>>

标签: 实战：如何利用栅格系统做响应式设计- 后台设计经验总结（2）

评论(0) 浏览(88)

栅格系统及其在后台设计中的应用—后台设计经验总结01

2020-1-29 分享达人 Bs界面设计文章及欣赏

关于栅格系统文章不少，但鲜有专门针对栅格系统在后台设计中相关应用的介绍。本文抛砖引玉，希望引起更多同行的交流与讨论栅格系统的目的栅格系统在页面排版布局、尺寸设定方面给了设计者直观的参考，它让页面设计变得有规律，从而减少了设计决策成本；栅格化提高了页面布局的一致性跟复用性；避免了设计师与开发者在细节上的反复沟通确认，从而提升了整个设计开发流程的效...

阅读全文>>

标签: 栅格系统及其在后台设计中的应用—后台设计经验总结01

评论(0) 浏览(76)

大屏数据可视化设计指南

2020-1-29 分享达人大屏界面设计文章及欣赏

可能是目前大屏数据可视化设计介绍最详尽的一篇文章了，可以当做设计手册使用的一篇经验分享一、基础概念 1、什么是数据可视化把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化，数据可视化是为了更形象地表达数据内在的信息和规律，促进数据信息的传播和应用。在当前新技术支持下，数据可视化除了...

阅读全文>>

标签: 大屏数据可视化设计指南

评论(0) 浏览(120)

九宫格方式上传图片（预览并删除）

2020-1-20 前端达人

<view class="gallery"> <view class="item" wx:for="{{images}}" wx:key=""> <image src="{{item}}" data-src="{{item}}" bindtap="previewImage" mod...

阅读全文>>

评论(0) 浏览(137)

微信小程序转发/分享功能小卡片设置

2020-1-20 前端达人

<button data-name="shareBtn" open-type="share" plain="true">转发</button> 添加plain=”true”后button的边框样式可自定义 ↓ ↓ button[plain]{ border:0 } //转发 &...

阅读全文>>

评论(0) 浏览(212)

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{duration}}" current="{{swiperCurrent}}" bindchange="swiperChange" clas...

阅读全文>>

评论(0) 浏览(142)

真机预览本地页面方式-简单快捷（精简大法Node）

2020-1-20 前端达人

前提：真机和PC端在同一个局域网内。 1、安装nodejs环境（node -v 查看版本号） 2、在所在的项目下输入命令：npm install anywhere -g 3、直接输入命令：anywhere，这里浏览器自动打开所有项目的根目录，点击就可以看到，同一网段下，然后手机直接预览这个地址就可以 ————————————————

阅读全文>>

评论(0) 浏览(110)