当前位置:w88优德官网网文章中心网站设计WEB标准 → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • [图文] 图文搭配,网页不累 [内容预览] 5 | 2016-12-26 08:30:05
    从过去到现在,设计师们总是对方位性的问题格外敏感,可能还有些轻微的强迫症。比如有的网页设计师特别偏好黄金比例的使用,从而忽视了用户的视觉感官体验。其实,所有的法则或规律都需要设计师们的弹性使用,生搬硬套可能只会适得其反。以下是我们为大家搜集的值得借鉴的图文混排案例,供大家评论欣赏。1、第一个案例是AnyForWeb为N...

    [阅读全文]

  • [图文] 如何为你的网站挑选适宜的Web开发框架? [内容预览] 2 | 2016-12-26 08:30:03
    古语云工欲善其事,必先利其器,对于工程师而言,选择一款合适而强大的开发框架对开发工作是大有裨益的。那么我们该从什么角度来进行衡量和挑选呢?首先对于一家创业公司而言,这更像是一个商业抉择而不仅仅是技术选择,时间人力物力等开销都必须要考虑周全。一旦公司规模上来了资金不成问题了,可选择的空间就更大了甚至可以进行迁移或重新架构...

    [阅读全文]

  • [图文] Web开发中最致命的8个小错误 [内容预览] 4 | 2016-12-18 19:56:23
    现在,有越来越多所谓的“教程”来帮助我们提高网站的易用性。本文收集了一些在Web开发中容易出错和被忽略的小问题,并且提供了参考的解决方案,以便于帮助Web开发者更好的完善网站。通过避免下面这些小错误,可以使得我们的网站变得更为友好。错误1:表单的label标签跟表单字段没有关联利用“...

    [阅读全文]

  • [图文] Web前端性能优化教程07:精简JS 移除重复脚本 [内容预览] 2 | 2016-12-13 09:02:01
    本文是Web前端性能优化系列文章中的第七篇,主要讲述内容:精简Javascript代码,以及移出重复脚本。完整教程可查看:Web前端性能优化一、精简javascript基础知识精简:从javascript代码中移除所有的注释以及不必要的空白字符(空格,换行和制表符),减少javascript文件的大小。混淆:和精简一样...

    [阅读全文]

  • [图文] 2015年16个最佳的免费响应式HTML5框架 [内容预览] 18 | 2016-12-13 08:59:35
    HTML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它们能够允许我们用更少的时间和精力去创建一个令人惊艳的网站。下面这些既是响应式的HTML5框架,又跨浏览器兼容。而且这些免费的HTML5框架非...

    [阅读全文]

  • [图文] Web开发必备:20款免费的HTML5网站模板 [内容预览] 20 | 2016-12-12 08:25:57
    作为近来最热门的语言之一,HTML5的关注度与日俱增,它的出现不仅为Web开发者们提供了更多的选择,也大大提高了Web开发的便利性。为了帮站长们节省时间,缩短开发进程,下面就为大家分享20款免费的HTML5网站模板。AfreeHTML5andCSS3themeFreeHTML5TemplateforDesignComp...

    [阅读全文]

  • [图文] 18个最好的响应式Web设计工具和库 [内容预览] 28 | 2016-12-02 09:20:55
    现在在网上,响应式Web设计的工具和库资源玲珑满目,应有尽有。下面我将讲一讲其中最好的18个工具和库。1)GetBootstrap如果你想用HTML、CSS和JavaScript开发响应式网页,Bootstrap是最受网页设计师和开发人员欢迎的框架。它适合所有技能水平的人,不管你的项目规模如何。官方网站:http://...

    [阅读全文]

  • [图文] 涨姿势!20个设计新手常见的排版设计误区 [内容预览] 25 | 2016-11-26 12:35:04
    排版是设计中最重要的组成部分之一,它绝不仅仅是将漂亮的字体放在帅气的背景上这么简单。然而,制作优秀的排版并不容易,雷区遍布,稍不注意就流于平庸。过于抠细节容易忽略整体的设计,过于强调视觉又容易忽视功能性,日常的误区之多难以想象。所以,今天我们总结了排版设计中常见的20个误区,帮你逐个梳理日常设计中容易碰到的排版问题。1...

    [阅读全文]

  • [图文] 不一样的极简风!细腻有趣的三色极简图标设计案例 [内容预览] 28 | 2016-11-25 08:44:37
    配色是设计中永恒的话题。许多设计师都认为三种色彩构成的配色是最平衡也是最漂亮的,多一色显得太花,少一色又过于朴素,这也是为什么许多配色方案的构成多为3种色彩。如果将这种配色美学运用在最小的UI元素上会是什么效果呢?这就是今天我们要探讨的案例:三色图标设计。三种色彩能够让网页拥有奢华的视觉效果,也可以让极简的图标拥有细腻...

    [阅读全文]

  • [图文] 你应该知道的未来web设计7大趋势 [内容预览] 22 | 2016-11-24 09:33:27
    1.手势取代点击还记得曾经是如何滚动网页的吗?将鼠标移到屏幕的右边缘,然后拖动古代称为“滚动条”的玩意儿:稍微专业点的可能会使用鼠标滚轮,光标键或触控板,这已经领先于大多数的用户了。但是2015年,滚动比点击更受欢迎。在移动设备上,你可以用你的手指随意滑动来滚动页面。精确点击目标实际上是很难的&...

    [阅读全文]

  • [图文] 三分钟帮你快速入门极简色彩学 [内容预览] 33 | 2016-11-23 08:34:03
    相信很多不懂配色星人(尤其是汉子们),收到女朋友的<秘密花园>涂色指令时内心是奔溃的。“到底要肿么配色啊……”(╯‵□′)╯︵┴─┴“辛辛苦苦涂了半天还是土得掉渣肿么破……”(╯‵□′)╯︵┴─┴那就来看一下我们的极简色彩学教程吧~必GET点1.色彩的组成关键词:原色间色复色色环所有的色彩都是源自红黄蓝三种“原色”。两...

    [阅读全文]

  • [图文] 揭秘UI设计发展趋势|大众点评UED总监对话Apple设计专家 [内容预览] 30 | 2016-11-23 08:33:22
    近日,大众点评UED高级总监贾云Sibyl近距离接触了UI领域当之无愧的领军人物RachelRoth。双方就LBS未来发展进行了深入探讨,还针对IOS9系统背后的设计意义、UI发展趋势等问题进行了交流。贾云Sibyl与RachelRoth在Apple公司合影以下为访谈要点记录。采访人:(S)=贾云Sibyl被采访人:(...

    [阅读全文]

  • [图文] 超越响应:满足用户需求的网站设计 [内容预览] 25 | 2016-11-23 08:33:21
    有人说,谷歌“喜欢”响应的网站设计,并奖励响应网站以更高的搜索排名。我认为,谷歌喜欢能满足用户需求的网站,无论使用什么样的技术。两则消息第一则:Google宣布从2015年4月21日开始正式实施移动搜索算法调整,当用户在手机上搜索时,网页的移动友好性将成为移动搜索结果排序的影响因素之一。一个移动...

    [阅读全文]

  • [图文] 消失的界面!未来的设计师该从这四方面提升竞争力 [内容预览] 23 | 2016-11-22 08:30:05
    鸿影:以前看到过一句话:『UI发展的最终阶段就是消灭UI』,而这周在Medium上看到的文章《NoUIisthenewUI》也再次阐述了这一观点,这一两年来各种智能助理类产品层出不穷,它们不再使用传统的UI作为主要交互形式,仅仅通过一个简单的对话界面和用户交流,甚至完全不具备独立的NativeApp形态,而是基于像微信...

    [阅读全文]

  • [图文] 常规or创意?别让网页中的文字禁锢了你 [内容预览] 20 | 2016-11-22 08:27:04
    先和大家分享两个关于网页的中文文字设计现象。现象1:公司前端技术同事看到我上周写的《好的字体让你的网站“倾国倾城”》后,主动和我聊了排版网站文字的各种心得体会,他提到的一个现象让人很意外:除了设计师、前端技术、策划、排版印刷等职位的人员对文字有一定的敏感度外,实际上大多数用户对文字的字体和字号没...

    [阅读全文]

  • [图文] 开挂ing——UI设计师的七种武器 [内容预览] 21 | 2016-11-21 09:43:03
    在UI设计中一样存在这样的七种武器,如果能拥有这七种武器,必定能让你设计如同“开挂”一般事半功倍!小编特选出七大设计神器,希望能够对你的设计有所帮助!长生剑—排版神器MaterialDesignGrids栅格化设计就是按照一定的规则把页面的宽度分成固定的相同宽度,然后列出各种组合的可能,以方便在进行页面呈现...

    [阅读全文]

  • [图文] 赶紧!!停止不必要的UI动效设计吧 [内容预览] 18 | 2016-11-21 09:42:52
    UI动效设计的反面案例(线上Demo)注:这个反面案例并非假设,而是来自近期的真实客户案例。概述自从70、80年代首个光栅图像在CRT屏幕出现以来,人们对于(数字)视觉设计的态度一直在不断进化。与其他艺术领域不同,在数字设计领域显露的趋势,与使用设备的发展史紧密相关。设备能力的提升有目共睹,显示器技术使分辨率从CGA3...

    [阅读全文]

  • [图文] 做运营怎么能不懂排版设计?看完这25个技巧,告别设计师 [内容预览] 15 | 2016-11-21 09:40:20
    不论你是要为自己的微博做个有趣的图片,还是为自己的活动做PPT和邀请函,专业的平面设计的技巧总能给你的设计极大的帮助。平面排版设计的技巧很多,但是核心的就那么多。字体的选取和搭配,排版布局的规则,留白的规律,说起来复杂,梳理起来也不是特别多。那么就让这25个史诗级的技巧帮你绕过设计上的坑,帮你打造真正令人难以忘怀的好作...

    [阅读全文]

  • [图文] 结合实际案例告诉你何谓隐形设计 [内容预览] 9 | 2016-11-21 09:40:08
    设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。明确一点——隐形的设计并非在项目中增加图层、透明度或是隐藏含义。它是为了打造用户为中心的项目,使之功能齐备,视觉愉悦。当我还是个年轻的设计师时,就一遍遍听到这句话。如果你不得不“装饰”画布,那就是在过度设计。最好的设计——真...

    [阅读全文]

  • [图文] 简约之美:如何实现简约设计 [内容预览] 10 | 2016-11-21 09:40:04
    在生活中,人们常常被包围在不需要的功能中,比如某些手机,炫酷功能不胜枚举:双摄像头拍照,眼神翻页,GroupPlay(好几台手机同步一首歌)等等。但从使用频率和效果来说略显鸡肋。这些类似的功能可能会拖累整个产品,在使用时分散用户注意力,使用户无法聚焦到核心功能。尤其是用户在干扰很多的场合,来不及仔细研究和思考的情况下,...

    [阅读全文]

  • [图文] 扁平化设计的8个实用小技巧 [内容预览] 14 | 2016-11-20 20:15:45
    注:我此处所谈的扁平化指的是一个大的概念,将后面衍生出来所谓的“似扁平化”也包含进来。Tip1:关于高光、渐变和投影网上所说扁平化风的三大要素:去高光、去渐变、去阴影。这么说是有点绝对了,我认为应该是去掉过渡式高光、过渡式渐变、过渡式阴影。在这篇文章里,扁平化高光、阶梯式渐变以及所谓的长投影是允许的。Tip2:使用扁平...

    [阅读全文]

  • [图文] 交互基础科普!聊聊移动APP中反馈提示的设计方法与实例 [内容预览] 12 | 2016-11-20 20:15:37
    一、为什么要反馈1、以人与人的交流为例人与人的交流中,无法忍受的一种情况是:对方对自己说的话没有反应,好像视而不见;没有反馈或是不友好的反馈,就好像冷冰冰的人一样,会给用户带来无助或不悦的负面体验。2、及时恰当的反馈的用处是什么能够告诉用户下一步该做什么帮助用户做出判断和决定二、反馈的形式反馈的形式多样,所有的提示都应...

    [阅读全文]

  • [图文] 如何把互联网产品设计得简单易用?(上) [内容预览] 11 | 2016-11-20 20:15:24
    首先,我们来说说什么是简单易用。个人认为一个互联网产品简单易用体现在以下两个方面:1.符合用户的心智模型,用户看到就会用。即用户看到这个产品后,通过过往经验或推理,就能大概知道怎么用。2.即使产品不符合心智模型,但一经培训,就会特别容易理解。即能够迅速在用户头脑中建立合理的心智模型,用户学会后就不会再迷惑。接下来,谈谈...

    [阅读全文]

  • [图文] 导航设计的15个UX指导原则 [内容预览] 9 | 2016-11-20 20:15:21
    为用户导航是每一位网站和app设计者的首要职责。毕竟用户一旦迷路,再炫酷的动效、再有趣的内容也都毫无意义。即使我们的网站中有搜索功能,也不能把搜索框当成用户导航的唯一工具。大多设计者已意识到这一点,并在自己的网站中设计了导航菜单。定义:导航菜单是网站主要内容或特征的列表,通常由一组链接或icon组成,并在视觉样式上与网...

    [阅读全文]

  • [图文] 引领设计潮流的扁平化是如何进化的? [内容预览] 8 | 2016-11-20 20:15:14
    早在2013年iOS7发布以来,扁平化设计就轰动了互联网世界。从那以后,它就持续发扬光大,并且发展出数量惊人的变种。随着带有扁平化色彩的GoogleMaterialdesign规范的推出、卡片式设计的广泛采用、还有排山倒海的极简化趋势——似乎在可预见的未来,扁平化设计会成为主宰风格。正如2015...

    [阅读全文]

  • [图文] 如何把互联网产品设计得简单易用?(中) [内容预览] 9 | 2016-11-19 22:37:47
    相关阅读:如何把互联网产品设计得简单易用?(上)6.显示用户关注的信息,增强用户控制力。任何一个产品,都不应该让用户有失去控制的感觉。一旦用户感到失控,就会心慌意乱甚至害怕,放弃产品自然也就是下意识的反应了。因此,产品要想尽办法显示那些用户关注的信息,让对方感觉一切尽在掌控,从而获得心理上的平静和控制感。比如,用户在京...

    [阅读全文]

  • [图文] 10大网站设计错误,足以毁掉你的网站 [内容预览] 59 | 2016-11-12 09:31:30
    纵观国内外互联网,有相当一部分优秀的网站已经开始注意到网站设计方面的一些规则,然后有些人却并不在乎,认为不值得,近乎无视所有网站设计方面的逻辑与已知的网站设计原则。虽然我们鼓励网站设计师们探索他们的创造力,但网站设计并不是天马行空,毫无顾忌的。有一些方面,还是需要按照规矩来的。古语有云:不以规矩,不成方圆,这句话也适合...

    [阅读全文]

  • [图文] 新手配色手册!这可能是最简单实用的色彩搭配指南 [内容预览] 75 | 2016-11-04 09:00:54
    编者按:今天的色彩搭配教程是针对零基础的新手写的,分别是<基础:色彩的组成>、<进阶:色彩的搭配>、<高阶:调色三要素>3个部分,有图有实例,文末推荐了一个网站一个视频,都是帮你提高配色技巧的,建议阅读。1.基础教程:色彩的组成关键词:原色间色复色色环所有的色彩都是源自”红黄蓝”三种原色。有人可...

    [阅读全文]

  • [图文] jQuery.imgAutoSize:图片自适应大小(以宽度)+图片(文字)垂直居中 [内容预览] 37 | 2016-11-04 09:00:52
    李勇为您分享jQuery.imgAutoSize插件,解决图片自适应大小(以宽度)的问题,附图片垂直居中的方法。这里不用css处理图片自适应大小,那法子不太符合w3c标准,感兴趣的同学自行百度。jQuery.imgAutoSize:图片自适应大小(以宽度)+图片垂直居中jQuery.imgAutoSize:图片按宽度自...

    [阅读全文]

  • [图文] 全栈工程师如何快速构建一个Web应用 [内容预览] 32 | 2016-10-13 09:50:32
    文/技匠(简书签约作者)前不久,为我的微信订阅用户编写了一个分享学习编程和设计资源的小站——技匠社jijiangshe.com,有朋友问我是如何在短时间内写出这个网站的,我又用到了哪些技术和框架呢?这其实是一个挺有意思的话题,我们都知道全栈工程师能够快速地开发出一个网站或者APP,那么他们到底是...

    [阅读全文]

 WEB标准   799   30   1/27页   首页   1   2   3   4   5         GO