Flat UI

灵感专题｜2019年优秀网页设计作品赏析#9月

由 断了今生、忘了曾经 提交于 2021-01-02 13:14:53
这个夏天，那个塌鼻子、齐刘海、烟熏妆的丑萌哪吒彻底火了。背后是导演及创作团队历时5年的筹备。俗话说厚积薄发，没有平时的积累，哪来的现象级作品问世。网页设计也是如此，没有设计师们平时对设计素材和灵感的积累，哪来的优秀作品呢？ 今天 摹客团队 又为大家整理了一批优秀的网页设计作品，供大家欣赏、学习，为打造下一个爆款作品积累灵感： 登录页设计 渐变色设计 插画设计 排版设计 网页设计灵感之登陆页设计 1. Landing page. Above the fold - Charity By Outcrowd 这个网页是为慈善机构而设计的，旨在向人们宣传慈善，提高社会意识，鼓励人们通过慈善的方式来帮助儿童、面临水资源危机的群体及其他需要帮助的群体。 技巧分享： 它的登陆页面采用了插画与动画相结合的设计，流畅的动画，鲜艳的配色，使整个网站设计看起来非常精美。创意的七巧板设计使网站主题与文字变化无缝衔接。 2. Landing Page - TeamKids By Outcrowd TeamKids也是由outcrowd团队设计的一个针对儿童托管的网站，为孩子们的课余时间提供娱乐和学习，丰富校外生活。网站登陆页面设计充满童真童趣，鲜艳亮丽的色彩搭配，动画元素设计的活泼可爱。 技巧分享: 登陆页面作为整个网站的门户，插图和动画的利用有助于从视觉上契合网站主题，将用户带入到设计中

Qt开源作品9-扁平化样式flatui

由 為{幸葍}努か 提交于 2020-08-11 18:08:43
一、前言 对于现在做前端开发人员来说，FlatUI肯定不陌生，最近几年扁平化的设计越来越流行，大概由于现在PC端和移动端的设备的分辨率越来越高，扁平化反而看起来更让人愉悦，而通过渐变色产生的质感色彩反而没有扁平化来得亲切。 Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架，他提供了动感、时尚的风格色调搭配，简洁、炫丽的功能组件，同时还提供了更为平滑的js交互动画，可以称得上前端扁平化设计框架的优秀代表之一。 既然是扁平化设计框架的优秀代表，当然需要在自己项目中应用应用，本人最早使用VB开发，而后转为C#开发，最后转为Qt开发，都是因为公司项目需要，根据需要不断学习新的编程框架，语言都是相通的，举一反三，以前用C#写的vista时钟控件和vista日历控件，稍微改改就转移成了Qt写的对应控件，非常方便，只要掌握了思想，熟练了一门语言和框架之后，其他的学起来特别快。 Qt中的qss机制，和css极为相似，感觉就是脱胎于css，用qss来实现Qt界面样式不是一般的方便，而是相当的爽，在看到FlatUI这样的精美的扁平化设计样式后，难以抑制手痒痒，就想用qss实现类似的风格。 二、代码思路 QString FlatUI::setPushButtonQss(QPushButton *btn, int radius, int padding, const QString

博客园添加看板娘

由 喜夏-厌秋 提交于 2020-05-07 11:51:20
博客园添加看板娘 原文链接：13号同学 原文链接：原作者 感谢作者提供的API 一、下载压缩文件： *kanban.css（看板娘在页面的位置（左边）以及大小） *kanban1.css（看板娘在页面的位置（右边）以及大小）（看你喜欢放在哪边咯） *kanban-tips.js（看板娘的语言设置） *live2d.min.js（一些点击之后的动作） *flat-ui.min.css（看板娘右边菜单项 PS：不需要可以不配置） 百度云(点击下载资源)密码:b5us 二、将压缩包的文件上传到博客： 三、在博客页脚HTML添加如下代码： <!--看板娘--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Live2D</title> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/自己博客的Blog地址名/flat-ui.min.css"/> <link rel="stylesheet" type="text/css" href="https://blog

入门Leaflet之小Demo

由 北城余情 提交于 2020-05-01 04:18:26
入门 Leaflet 之小 Demo 写在前面 ---- WebGIS 开发基础之 Leaflet GIS 基本概念：GIS、Map、Layer、Feature、Geometry、Symbol、Data（Point、Polyline、Polygon）、Renderer、Scale、Project、Coordinates； GIS 开发概述：架构模式、常用平台和 SDK、二维三维 使用 Leaflet 开发常用功能 地图加载（底图类型、切换）： 地图操作（缩放、平移、定位/书签、动画）： 图层管理（加载、移除、调整顺序）： 要素标绘（点/聚簇、线、面，符号化/静态动态）： 属性标注（字段可选、样式定制）： 专题地图（点、线、面，渲染）： 查询定位（属性查询、空间查询/周边搜索/缓冲区/面查点线面/点线查面、图属互查、综合查询）： 信息窗口（入口、Popup、定制）： 坐标转换（地理与投影、不同地理坐标系）： 空间运算（长度面积测量、点取坐标、缓冲区、相交包含关系）： 动态监控（固定点状态切换、车辆监控）： Leaflet API Demo 用到的库 Flat-UI Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the

Qt编写的项目作品1-自定义控件大全

由 左心房为你撑大大i 提交于 2020-02-27 18:13:26
一、功能特点 超过160个精美控件，涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏，flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。 每个类都可以独立成一个单独的控件，零耦合，每个控件一个头文件和一个实现文件，不依赖其他文件，方便单个控件以源码形式集成到项目中，较少代码量。qwt的控件类环环相扣，高度耦合，想要使用其中一个控件，必须包含所有的代码。 全部纯Qt编写，QWidget+QPainter绘制，支持Qt4.6到Qt5.13的任何Qt版本，支持mingw、msvc、gcc等编译器，支持任意操作系统比如windows+linux+mac+嵌入式linux等，不乱码，可直接集成到Qt Creator中，和自带的控件一样使用，大部分效果只要设置几个属性即可，极为方便。 每个控件都有一个对应的单独的包含该控件源码的DEMO，方便参考使用。同时还提供一个所有控件使用的集成的DEMO。 每个控件的源代码都有详细中文注释，都按照统一设计规范编写，方便学习自定义控件的编写。 每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件，6个不可见控件。 部分控件提供多种样式风格选择，多种指示器样式选择。 所有控件自适应窗体拉伸变化。 集成自定义控件属性设计器，支持拖曳设计，所见即所得，支持导入导出xml格式。

Qt编写自定义控件70-扁平化flatui

由 这一生的挚爱 提交于 2019-12-30 17:37:05
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 一、前言 对于现在做前端开发人员来说，FlatUI肯定不陌生，最近几年扁平化的设计越来越流行，大概由于现在PC端和移动端的设备的分辨率越来越高，扁平化反而看起来更让人愉悦，而通过渐变色产生的质感色彩反而没有扁平化来得亲切。 Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架，他提供了动感、时尚的风格色调搭配，简洁、炫丽的功能组件，同时还提供了更为平滑的js交互动画，可以称得上前端扁平化设计框架的优秀代表之一。 既然是扁平化设计框架的优秀代表，当然需要在自己项目中应用应用，本人最早使用VB开发，而后转为C#开发，最后转为Qt开发，都是因为公司项目需要，根据需要不断学习新的编程框架，语言都是相通的，举一反三，以前用C#写的vista时钟控件和vista日历控件，稍微改改就转移成了Qt写的对应控件，非常方便，只要掌握了思想，熟练了一门语言和框架之后，其他的学起来特别快。 Qt中的qss机制，和css极为相似，感觉就是脱胎于css，用qss来实现Qt界面样式不是一般的方便，而是相当的爽，在看到FlatUI这样的精美的扁平化设计样式后，难以抑制手痒痒，就想用qss实现类似的风格。 开源地址： https://gitee.com/feiyangqingyun/QWidgetDemo https:/
订阅 Flat UI