内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 >

  • CSS中最全的换行处理方式05月14日

    在Web页面上常常可以看到某个元素内部有一个很长的单词,元素的宽度不足以容纳它。一个常见的现象就是有一个很长的URL。这会发生什么呢?这取决于CSS,那么CSS如何控制布局,以及CSS如何让文本更合理的方式展示。 比如下图的一种效果,在Web中是很常见的:

    Tags:CSS
  • 使用CSS3实现百叶窗式鼠标滑过hover图片动画效果05月13日

    这是一款使用CSS3实现的百叶窗式鼠标滑过hover图片动画效果。该CSS3百叶窗式鼠标hover图片动画效果当鼠标移动到图片上时,通过伪元素来制作方块移动效果,形成百叶窗组合运动效果。 查看演示 下载源码 准备 示例基于bootstrap3,所以在页面中引入bootstrap和

    Tags:CSS3hover
  • MaterialDesign配色难?11条设计资源给你灵感05月12日

    自Material Design的设计理念推出以来,Google的内部设计语言实现了从古老的用户界面向现代网络的现代外观的转变。最大的改变之一是使用大胆鲜明的颜色。Material Design的色彩指南将其颜色风格描述为受到柔和环境,深色阴影和明亮亮点并置的大胆色调的启发

    Tags:MaterialDesi配色设计
  • 看完这篇文章以前 你可能并没有真正搞懂H505月11日

    这几年,H5 很火,刷爆朋友圈的 H5 层出不穷,比如,军装照、一元画廊等等。许多营销总监张口就说,给我来一个 H5。但是,H5究竟是什么,你真的清楚吗? H5 是什么 知乎上关于 H5 是什么?的讨论非常火爆,共有 123 个回答。 其中H5 是一种用在微信上的 PPT

    Tags:虚拟现实Apple手机
  • 成为交互设计师三年后 我总结的一些经验05月10日

    步入职场,成为一名交互设计师快满三年,文章谈谈我今年成长的关键词,以及分享一些心得。 1. 实战 今年一整年我都在学习人工智能和设计的相关知识,在公司做的两个项目都是与人工智能相关,涵盖了 AR、计算机视觉和自然语言处理领域。第一个项目是利用人脸

    Tags:交互设计师
  • 网页中这10种字体的运用方式,不会让人觉得Low05月06日

    对于设计师而言,在日常的平面和UI设计中,给字体增加特效一直都是一件恼人的事情。客户提出的浮雕特效或者大阴影的需求,但是直接按照要求来设计可能会毁掉整个设计。更多的时候,你需要的是一些相对更加优雅但是又足够吸引人的字体效果,让整个设计项目的

    Tags:网页设计
  • 交互基础小课堂 目标导向设计之“用户目标”与“心智模型”05月06日

    关于数字产品设计的方法特别多,像精益产品设计,目标导向设计,用户体验五要素等。 突然想写一些关于目标导向设计的一些思考,是因为看到群里有人讨论关于某个评论功能该怎么设计比较好,于是想到了关于目标导向设计里面的明确用户目标进行设计这句话,不过

    Tags:交互设计
  • 支付购买流程的UX优化方案05月06日

    以上是百度理财改版前后的支付购买流程变化。 三.层级划分 我们可以把设计上的层级划分理解为一个 合并同类项+排序 的过程。秉承dont make me think的用户体验原则,从界面视觉表达上 简化繁杂信息 更利于用户高效获得重要信息,进而促成买单行为。 而这个简

    Tags:UX
  • 用户体验是一种过程 而不是结果05月04日

    任何人都抵挡不了时间的力量,你可以斥责它的无情、也可以赞美它的给予,在这个成长的历程中,我们寻找的不是时间给我们带来了什么,而是这个过程中我经历了什么。后者,才是我们需要深思并感恩的。 与「用户体验」一样,许多人会评判一个产品用户体验的好与

    Tags:用户体验
  • 设计师进阶笔记:APP导航的设计套路05月04日

    产品同学要做一款新APP,对导航犯了愁。而在两大设计规范中,均为我们指出了如何设计APP导航,前人的文章中也有不少总结,在此作一次梳理,供自己内化也给各位读者分享。 精华浓缩版 导航设计四步走: 明确用户角色和任务流程; 搭建清晰合理的信息架构; 灵

    Tags:设计师APP
  • BBC官方资源!16000个音效素材免费下载!05月04日

    除了静态的相片图库,有时候我们会需要一些额外的音乐音效素材,让作品更具有活力。 英国广播公司 BBC 最近推出一个免费声音资料库网站 BBC Sound Effects ,收录超过16,000多个声音效果,无论是早期广播、演讲、动物鸣叫、城市、交通工具或战争时期的武器声

    Tags:设计
  • 阿里AI设计应用“鹿班”logo疑似抄袭 这下尴尬了05月03日

    阿里将AI设计应用鲁班正式更名为鹿班,并推出驯鹿计划。 从去年鲁班正式上岗后,仅在双11期间就制作了4亿张Banner设计,约等于每秒做8000张海报。 阿里的新LOGO,以鹿的侧面剪影作为基础,再添加特效后,显得尤为精致和立体。但是LOGO一经推出后,就纷纷遭到

    Tags:logoAI
  • 如何做好标签系统设计?来看我的实践过程!05月03日

    本文针对的是从 UX 角度出发的标签系统设计,不同于数据库的标签系统设计。「标签系统」的概念来源于《信息架构:超越 web 设计》一书。 一、什么是标签系统 「标签」通俗来说就是给界面元素命名,使用用户语言来更好地向用户传达信息,降低用户使用产品时的

    Tags:设计
  • 如何设计下拉菜单(技巧+实例)04月28日

    下拉菜单可以说是网页设计中令人又爱又恨的元素之一了。下拉菜单有许多优点:不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都很熟悉其使用方法。 下拉菜单可以说是网页设计中令人又爱又恨的元素之一了。下拉菜单有许多优点:不占地方,不需

    Tags:下拉菜单
  • 从幽灵按钮到空心元素 它们一直在流行04月28日

    幽灵按钮和类似的空心元素,在诸多的设计趋势当中,还是显得颇为单薄的。它们的转化率看起来不够突出,和其他的固定形体相比,吸引力也一般,它们的视觉效果主要取决于周围的对比度和环境本身,一句话,缺点很多。即便如此,它们并没有很快消失,相反依然活

    Tags:设计
  • 这个网站不仅有免费的插图下载 还可以修改颜色04月27日

    这几年扁平化设计(Flat design)相当盛行,无论是在网页设计、应用程式开发或海报制作上都能看到它的踪迹,扁平化风格主要结合简化排版、亮色调、视觉上的亲和力和直觉等特色,现在 iOS、Android 或 Windows 10 都是类似的扁平化设计效果,在使用上看起来非

    Tags:插图
  • 13个免费设计资源网站 看到就是赚到04月27日

    为大家介绍13个优秀的免费设计资源网站,赶紧收藏起来为你的设计项目锦上添花吧! 作为一个设计师,做设计时需要用到不少审美优良的资源。但如果预算有限,去哪里找好的照片、好的图标呢? 接下来就为大家介绍13个优秀的免费设计资源网站,赶紧收藏起来为你

    Tags:设计
  • 20年前的Windows98 有一套不俗的新用户引导流程04月27日

    现在阅读微软1998年的用户界面,就像发掘古墓一样。设计人员和开发者为整个Windows 系统和应用程序准备了长达381页的引导内容,在20年后再来审视其中的内容,不由得让我思考这些年的变化,不仅仅是微软,而是整个软件的开发领域的变迁。设计的准则往往是先于

    Tags:Windows98用户引导
  • 设计实战!扁平风的手机赛车游戏UI界面是这样设计的04月26日

    UI和UX设计师的工作归根到底还是满足用户的需求,解决问题。天马行空的脑洞最终还是要落实到实用的产品上的。即使在游戏当中,UI都从来不是为了纯娱乐而设计的。之前,Tubik 的设计师为游戏 Real Multiplayer Racing 设计了其中的插画元素( 《设计实战!为

    Tags:扁平风赛车
  • 为何前期的发现阶段是网页设计最关键的环节?04月25日

    创建用户需要的网站通常需要大量的研究,想要真正理解使用你的产品和服务的用户是有针对性进行用户体验设计的关键所在。 Oriol Beda 在他的 UX Collective 中打趣地说道:调研被视作为设计中的魔棒,可是只有在出问题的时候才会使用。 如果你不知道你的目标

    Tags:网页设计

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号