网站设计师实用的学习工具
当前位置:贝知网>知识分享>设计开发>网站设计师实用的学习工具
网站设计师实用的学习工具
时间:2022-10-30 设计开发

网站设计师实用的学习工具

网站设计师实用的学习工具

以下都是关于网站设计师的学习工具,从游戏到书籍再到教程,每个人都可以从中学习新的东西,今天小编主要给大家分享网站设计师实用的学习工具,希望对你们有帮助!

一、CSSBattle

通过使用CSS技能将小的代码进行复制,跳到CSSBattle排行榜的顶部。这是一个测试你的技能和知识的有趣方法。新的目标也在增加,这样你就可以继续前进,提升排名。

二、UX议程

UX议程是一个单一的、可搜索的工具,汇集了会议、聚会和研讨会。查找附近的事件或免费添加自己的UX事件。

三、Codetalks.tv

codetalk电视是世界上最好的关于在一个地方编码的谈话集合,观看任何视频都是免费的,可以寻找关于特定会议或主题的演讲。

四、静态页面

静态页面允许你在几秒钟内用任何URL在WordPress站点上发布任何静态页面。它还包括易于使用的SEO优化。

五、Javascript语法

Javascript语法是Greg。

Sidnikov提供的教育电子书,也被称为@js_tut或twitter上的Javascript老师。你可以在亚马逊上购买,发一条推特或者直接从作者那里购买。

六、插图画廊

插图画廊是一个收集免版税的项目插图,每周更新,是大量个人或企业选择使用的一个干净的,现代风格的工具。

七、Neort

Neort(仍在测试阶段)是一个数字艺术画廊,在这里你可以分享艺术品以及知道艺术品是如何被创造出来的。上传带有简短描述的作品,并从艺术家社区收集反馈。可以把它想象成Dribbble的艺术家版本。

八、基因

gene是一个色阶工具,可以帮助你为用户界面元素生成调色板,然后导出Sketch或其他编程工具的色调。

九、颜色评论

Color Review可以帮助你测试设计中颜色元素之间对比度的一个工具。帮助你确保前台和后台元素具有足够的对比度,以便所有用户都能阅读,并且是一个很好的可访问性工具。

十、蜘蛛

Spider是一个工具,它可以帮助你在不编码的情况下将web站点转换为有组织的数据。添加扩展到谷歌Chrome开始抓取数据;你只需要通过单击鼠标来收集数据就可以。

怎么设计用户喜欢的页面

用户通常不阅读网站上的文字,他们只是扫描,如果是很长的介绍性文章,他们往往会直接忽略。今天小编主要给大家分享怎么设计用户喜欢的页面,希望对你们有帮助!

一、导航设计

用户通常获得导向的方式是粗略地看一下页面,看看自己有哪些选择,然后快速地过滤掉无关的内容。

在设计导航时,要让用户感觉自己是主人,使用动宾词组设计导航,例如“创建页面”,这让用户感觉他们在指挥软件,他们是领导者,而不是被领导者。

二、创建链接

在许多网站上有各种各样的链接,这些链接按时间、相关性、点击率等顺序排列,许多网站只是简单排列,很少去做细节上的设计。

例如:一个公司内部网首页的新闻列表,其目的是让公司的员工按时间顺序了解最新的事件。

经过重新设计,如下:

1.设计思维:这些链接中最新事件往往是最重要的;如何让用户明白链接是按时间顺序排列的。

2.采用的设计方法:让环境提示成为引导线索,就像日本站台在列车即将进站时播放独特的音乐一样,这种独特的音乐可以有效地吸引乘客的注意,并做好提前下车的准备。可以将环境提示的概念应用到链接列表中。

3.改变字体大小,从大到小的字体变化,将链接优先级很好的表现出来;由深变浅的字色创造一种年代感,让用户非常清楚什么是最重要的。

作者从列车到站播放的音乐灵感运用到设计中,所以我们应该经常出去走走,观察生活,开阔视野,看看有什么能让我们的设计更加精彩。

三、网站文本

用户通常不阅读网站上的文字,他们只是扫描,如果是很长的介绍性文章,他们往往会直接忽略,短文可能会引起注意。

对于用户来说,一句话比一大段文字更有意义,重要的不是提供了多少信息,而是它能否提供他们真正需要的信息。

四、视频应用

当无法用语言描述某事时,学会使用视频。