网页排版中10种致命的语义错误

色字头上刀123

色字头上刀123

2016-02-19 19:54

下面请跟着图老师小编一起来了解下网页排版中10种致命的语义错误,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

  自己从工艺品设计到平面设计到网络设计,虽然设计原则不离其宗,但经验下来的心得告诉自己,设计媒介的变化带来很多媒介自身的特殊性,下面总结下网站视觉设计的一些要点,有他人经验,也有自己的心得:

  1—Logo:基本Logo特征,符合Logo设计基础(平面设计通用)显示器效果:清晰度,最小尺寸(因显示器分辨率而带来的,等同线下平面设计的印刷效果)

  2—文字:内容等级决定字体、字号大小、粗细;状态决定颜色(默认或者根据网站特殊统一)

  3—广告、内容图片:尺寸样式的定位,同一页面的和谐性,图片的优化,位置的节奏,大小对比。

  4—icon:品牌性,表达准确合理,设计手法(依据品牌性),一致性,作用:吸引,醒目,方便识别、理解、操作、记忆。

  5—可点击(button):区别(不可点击),根据人的生活经验:厚度,可按,质感(实体联想),色彩(品牌性、统一性、对比性);统一的样式大小(依据里面文字的内边距统一)

  6—背景图片:氛围效果营造,同产品的统一性,优化(品质大小,色彩信息,实现方案),

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  7—图文排版:主图次文,图文节奏,空隙,模块化。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  8—当前状态:放大(形状),变色(反色、对比色、明度纯度区别色),链进链出后指定内容提示。

  9—交互控件:样式合理准确性(人对系统默认的认知和生活常规认知),状态(视觉表现样式和动作过程优化),创意。

  10—loading:内容关联性(loading前后的内容关联),无聊等待的乐趣,体积、面积优化,创意。

  11—用户反馈_ 成功、出错、提示、无结果:文案(明确、合理、人性化、创意),图形(明确、醒目、色彩的心理认知准确度)。

  12—动画效果:过程合理(模拟真实环境的合理化),连续,节奏感,用户日常动作表现,音效配合,创意。

  13—首尾设计:首(品牌宣传、自身特点、明确内容、气氛表达、创意。尾:呼应、节奏(与首),创意。

  14—适应屏设计(全屏设计):最大最小屏幕的考虑(文字、图片的位置、折行效果)

  15—固定尺寸的栅格设计:合理的单元格(考虑黄金分割),单元格面积节奏,边距统一性

  16—demo设计样稿:对内容最多最少的考虑。

  17—页面:品牌性,基调元素一致性,复用性,节奏感、面积感,视觉第一吸引,引导浏览,点线面关系,素描原理(运用素描的基本规律来做页面)。

  18—阅读:背景对阅读(视力)的舒适度,内容与背景的对比舒适度。

  其实还有很多设计的点比如交互设计,比如代码设计,我们可以展示给用户看到的这些综上所述,构成了用户体验设计的一个大过程,自己在做的很多时候其实也不是都能估计到每个点的,总结出来以帮助随时审视!

展开更多 50%)
分享

猜你喜欢

网页排版中10种致命的语义错误

Web开发
网页排版中10种致命的语义错误

不够语义网页设计和语义的网页制作

Web开发
不够语义网页设计和语义的网页制作

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

育儿切记10个致命错误

育儿知识
育儿切记10个致命错误

警惕10种有可能致命的食物

饮食禁忌 健康饮食
警惕10种有可能致命的食物

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

男人护肤必备 敷面膜10个致命错误

护肤 面膜
男人护肤必备 敷面膜10个致命错误

网页CSS优化使网页具有语义化

Web开发
网页CSS优化使网页具有语义化

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Access2000教程:6.3怎样让方格中的数据全部显示出来?

Access2000教程:6.3怎样让方格中的数据全部显示出来?

情感QQ分组设计_请不要无奈的错过

情感QQ分组设计_请不要无奈的错过
下拉加载更多内容 ↓