Categories


Tags


50个有用的网站设计资源

CSS库

做设计的时候总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话,那么这还会为你带来很多访问者

Unmatchedstyle

cssBeauty

cssvault

Stylegala

CSS Drive

css thesis

Styleboost

CSSElite

CSS Import

Web Creme

CSS Mania

DesignShack

Web标准

遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码,为什么一定要把他搞成1001行呢?

Developing With Web Standards - 这篇文档介绍了如何在Web标准下省时省力的构建你的站点,同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。

Roadmap to Standards

Web Standards Project

Web Standards Checklist

Importance of Web Standards

验证器

在你明白什么是Web标准以后,下面两个小工具可以帮你测试你的站点是否符合标准。

HTML & XHTML Validator

CSS Validator

易用性

易用性也许是网站设计中最关键的因素之一。良好的设计不但会带来良好的用户体验,而且会提升你的站点的网站转换律

What is usability

Usability First - 叙述网站易用性的重要程度

Weblog Usability: The Top Ten Design Mistakes - Blog往往不是很注重网站的易用性,这使得Blogger很难获得新的读者以及忠实的读者

Web Design & Usability Guidelines -这本在线的教程一共分成了18章,它将教你如何设计优秀易用的网站

Web usability - the basics

The Culture of Usability - 如何使用最小的花销却从易用性中得到更多-测试程序.

90% of All Usability Testing is Useless

Ten deadly sins of web design -网站设计中10个易犯的大错

Information architecture resources

Usability Views

博客/资源

Blog上有大量即时更新的关于设计以及易用性的资讯。下面这个列表中的blog推荐订阅哦。

Stopdesign

Signal vs. Noise Blog - 37signals的blog,关注网站设计以及易用性

Digital Web Magazine - Digital Web Magazine 是一个面向专业网站设计人员,开发人员以及信息构架师的在线杂志。

A List Apart - A List Apart 基于Web标准的基础上以特殊的视角关注以下几个方面的最佳实践:设计,开发,网站内容。

456 Berea Street - Roger Johansson 的站点,他经常写一些关于web 标准,可访问性以及易用性的文章

mezzoblue

Adaptive Path

Jesse James Garrett - Adaptive Path创始人的blog.

Jeffrey Veen

Your Total Site - YourTotalSite中包含了很多内容,比如易用性, 可访问性, 视觉设计,在线市场, (X)HTML & CSS, JavaScript, 内容构架等等

IxDG Resource Library - 有很多交互设计方面的东东

Apples to oranges - Ryan Nichols的blog.

Demystifying Usability - Frank Spillers的blog,他是一个网站易用性方面的顾问

配色

配色在设计中显得非常的关键。良好的配色不但能够将你的网站和竞争对手的站点开来,而且还能向你的访问者传递一些特殊的信息。如果你提供的是个人服务的话,你可以选择柔和一点的颜色,如果是为某个组织的网站的话,就应该选择厚实一些的颜色。下面的这些资源可以帮助你做出一些配色上的决定。

Color Schemer - 在线配色

Color Meaning - 一篇解释不同颜色的象征以及意义的文章

The Meaning of Color in Web Design - 在网络营销中颜色如何影响访问者

Symbolism of Color

Color Matters - 探索如何用颜色是去影响情绪, 食欲, 性欲, 性欲, 涉及, 以及艺术.

排版

有很多字体可供选择,合理的使用它们会得到很好的效果。

1001 Free Fonts - 收集了Windows 以及 Macintosh下的很多True-type字体

The Anatomy of Web Fonts

Typetester - Typetester 提供了一个在线的应用可以让你比较各种字体的效果,有了它网页设计者的工作轻松多了

原文地址:http://www.joyloft.net/?p=180

来源:月光博客


Public @ 2017-08-29 15:45:13

手机网页自适应深色模式适配

1. 使用媒体查询 在CSS中,可以使用@media查询来检测浏览器的颜色模式,并在需要的情况下应用不同的样式。例如,以下代码段在日间模式下将文本颜色设置为黑色,在深色模式下将文本颜色设置为白色: @media (prefers-color-scheme: light) { body { color: black; } } @media (prefers-color-sche

Public @ 2023-06-05 21:00:18

漏洞类型说明

代码执行漏洞是指在恶意攻击者利用应用程序中的漏洞或错误,导致被攻击的应用程序去执行攻击者输入的不安全的代码的一种安全漏洞。攻击者可以利用此种漏洞向系统中注入恶意代码,从而达到对系统数据损坏或其它目标的目的。该类漏洞一般分为任意代码执行类型,命令执行类型和SQL注入类型三种。

Public @ 2023-03-01 11:00:12

十大网站设计错误

1、缺乏或低水平的可访问性 2、不合适的页面尺寸和内容宽度 3、未简化内容和导航 4、非响应式布局 5、混乱的排版 6、未检查的语法错误 7、过度的细节和设计 8、忽视流行和移动设备 9、硬要使用指定的浏览器以及兼容性问题 10、缺乏流量追踪、分析或优化的能力

Public @ 2023-02-26 07:27:12

十个JavaScript页面布局技巧

1. 使用弹性盒子布局(Flexbox)来实现多列布局,并确保页面在不同设备上都能流畅地呈现。 2. 使用CSS网格布局来创建复杂的布局,同时保持灵活性和响应性。 3. 使用响应式设计技巧,例如媒体查询和断点,确保页面在不同设备上都能适应和显示。 4. 使用CSS定位来创建浮动、绝对定位和相对定位的元素,并遵循最佳实践以避免出现页面布局问题。 5. 使用基于栅格系统的框架,例如Bootstrap或

Public @ 2023-06-27 18:50:45

更多您感兴趣的搜索

0.487779s