网页设计师要注意那些事儿?日期:2019/7/26 人气:403838
|
01 图片边缘的处理 左图: 很多图片,本身并不定完美的,尤其是边角区域为白色的吋候,如果不处理的话,很容易和白色背景融合。那么我们该如何改变这些问题。 右图: 于是我们在图片的边缘处增加了浅灰色的描边,有效的解决了这些问题。或者改变与图片融合的背景把它们改为灰色,这样就和白色产生了对比。 02 图片的统一性 左图: 在展示团队成员照片的时候,很多设计师在摆放团队成员照片的时候层次不齐,破坏了整个统一性。 右图: 经过调整后,让整个图片在画面中的比例大小都保持一致,有效的解决了这个问题。 03 图片色调的统一性 左图: 上列一排图片的展示中,有暖色 有暗色,有亮有暗的整个极度不统一。给用户视觉上造成不便。 右图: 经过调整后让整个图片有色调明暗处理上保持了统一,有效的强调了画面的一致性。 04 图片的边框比例 左图: 图片的长宽比例数值。这是在视觉上轻易看不出来但是如果给开发人员的时候,就会出现这个毛病。 右图: 进过调整后的图片比例 长度都是偶数,这个时候便于前端工程师开发适配。 05 图形化的绘制 左图: 关于图形化的绘制出现毛边也是很多设计师会出现的问题。 右图: 所以在绘制的时候一定要注意细节,避免出现毛边的情况。 字体 01 字体尺寸大小 左图: 一般在网页字体开发的时候,发现不少同学会用到15/17 类似这样的奇数数值大小的字体。其实这并不利于系统的显示。 右图: 经过调整后字体显示的为12/14/16等偶数数值大小。一是让整个字体在现实的时候没有毛边。而且有利技术系统的显示渲染。 02 字体的段落的行高 左图: 上列字体段落看起来是不是很吃力,每段字体相互干扰。给用户造成极度困扰的阅读。 右图: 经调整后字体段落行高显示为字体数数值的一半让段落彼此之间有了透气性。极大的提高了字体的阅读性。 03 标题和段落主次关系 左图: 上列字体段落在视觉上给人感受不到有标题的存在,标题和段落之间的对比不明显使用户容易混乱。 右图: 调整过后的设计,标题加大了,一般增大段落字体的2/1大小,与段落的间距也是行间距的2倍。使用户在阅读的时候,清晰明了。 04 段落文字上的标点符号运用 左图: 上列段落文字之间的标点符号有的很近有的很远这样的设计很容易让人感到设计人员不专业的行为。所以在视觉上也得不到统一。 右图: 上列字体的标题符号惊醒调整,让他们之间保持了一致性。使得我们的设计变得更加严谨。 05 英文字体使用 左图: 英文字用英文字体。中文字用中文字体。很多设计师对于中英文字体的运用比较模糊。所以导致了英文字体看起来别扭。 右图: 上列英文字是修改后的,运用了英文字体。其实啥也不用说了这是每个设计师最基本的知识。 06 每行文字的展示长度 上图: 上述一行文字是否看得很吃力?是的。因为汉字的信息量极大,每个字之间没有空格,紧密的挨在一起。所以用户阅读的时候比较吃力。 下图: 下列的文字每行展示的字数控制在35~45字之间是用户阅读的时候最容易吸收和理解的。别问我为什么,这是长久以来的研究出来的数据。 颜色 01 大面积的用色 左图: 上面是不是给你一种刺眼和不适的感觉。是的这也是很多设计师所犯的错误。 右图: 所以在调整过后我们可以适当的减少面积。保留了大量的留白,让用户更容易接受。 02 色彩的明暗 左图: 上面色彩大面积会给用户一种刺眼的感受,主要是设计师没有敏锐的色彩感知能力。 右图: 经过调整后将色调的明度调整在用户能接受的阶段之内。主要考验设计师对色彩的感知力。 03 彩色与非彩色 左图: 上面图片字体配色使得整个画面显得乱,因为背景包含了许多色彩,然后文字对色彩又是一种偏蓝色的色调,所以导致让用户无法进行视觉聚焦。 右图: 经过调整后将色调的明度调整在用户能接受的阶段之内。主要考验设计师对色彩的感知力。 04 环境色的运用 左图: 上面用色在色彩上非彩色是没有错误的。但是却没有给用户传达出图中的意境。这是为何呢? 右图: 经过调整后的文字吸取来环境中的色彩后,一般适合在图片中色彩数量比较少的情况下可用,这样就使得文字和图片完美融合在一起。 05 不要超过3个色彩使用 左图: 上面设计中用户到底需要注意哪一个文字,是不是有眼花缭乱的感觉。 右图: 经过调整后的文字采取来两种色彩,彩色和非彩色的搭配,给用户传达出简洁清晰的感受。 06 相接处与分开 左图: 上面色彩给你的感受是什么?所以不同的色彩之间是不适合相接触的,尤其是高饱和的红和蓝两种色彩。 右图: 这里我们我们把他们分幵后两种对比色彩相互对比相互不冲突。 其他 01 完整的PS图层 左图: 这样杂乱不堪的设计图层,不管是你的设计师还是开发人员都会让人抓狂。 右图: 经过调整后的PS图层,是不是看起来很整洁。这样一看就是很专业的设计师。 02 文字的颜色 左图: 很多设计师喜欢把背景上浮动文字,设置透明度来改变字体的颜色,这样是很方便。但是是很不利于开发人员进行文字色彩取色的。 右图: 所以我们在设置文字的色彩的时候,一定要避免设置文字的透明度。 文本来自采集文章 http://aomen.chouchoumao.cn/25/120.html 如需转载或删除,请联系管理员。 下一条:网站设计需要精雕细琢的几个细节
|
热点资讯
- 01-24 不用优化的品牌网站 如何做好网页设计呢
- 01-24 外贸公司网站怎么设计更好 这些要素要知晓
- 01-24 公司网页设计怎么在视觉方面下功夫
- 01-24 网站设计灵感的十个来源
- 01-24 网站设计需要精雕细琢的几个细节
- 01-24 高端营销型网站设计的三大特点
- 01-24 网站设计没有新意 有没有打赏功能
- 01-24 网站首页设计很关键 怎样才能做出高质量的首页呢
- 01-24 9个设计技巧帮助您把网站设计的更专业
- 01-24 解密网站设计潮流:为什么卡片式设计这么火?
- 01-24 网站单页设计为什么这么火?
- 01-24 资深的网页设计师主要优势还是在于细心
- 01-24 做好网站建设视觉设计的六个要点 让页面耳目一新
- 01-24 介绍当前网站建设行业的特点及发展趋势
- 01-24 这几个问题解决了,怎么设计大型网站架构不再是困难
- 01-24 网站404页面的美观设计和注意事项
- 01-24 总结了在页面中放视频的7个注意点
- 01-24 备案虽然严格但国内服务器依然是网站建设首选
- 01-24 浅谈四大门户网站及体育板块设计特色
- 01-24 网站设计的心得体会
- 01-24 网站建设容易忽略的6个地方
- 01-24 10大网站设计错误,足以毁掉你的网站
- 01-24 在网站中怎样用好扁平化设计?
- 01-24 如何让网站设计更加引人注目
【深一澳门网络公司】——承诺3小时内上门服务!澳门上门全国热线:400-666-2014 【澳门网站建设http://aomen.chouchoumao.cn】 网站地图 粤ICP备15108339号 网站维护:深一深圳网站建设
全国深一澳门网络公司
- 广东网站建设
- 饶平网站制作
- 梅县网站设计
- 增城网站建设
- 罗定网站制作
- 源城网站设计
- 怀集网站建设
- 惠州网站制作
- 吴川网站设计
- 清城网站建设
- 香洲网站制作
- 广州网站设计
- 鹤山网站建设
- 禅城网站制作
- 荔湾网站设计
- 南雄网站建设
- 武江网站制作
- 茂南网站设计
- 恩平网站建设
- 斗门网站制作
- 封开网站设计
- 越秀网站建设
- 榕城网站制作
- 韶关网站设计
- 大埔网站建设
- 清新网站制作
- 紫金网站设计
- 梅州网站建设
- 佛冈网站制作
- 丰顺网站设计
- 海珠网站建设
- 揭东网站制作
- 金湾网站设计
- 赤坎网站建设
- 顺德网站制作
- 德庆网站设计
- 龙川网站建设
- 汕尾网站制作
- 电白网站设计
- 五华网站建设
- 高州网站制作
- 四会网站设计
- 揭西网站建设
- 三水网站制作
- 龙湖网站设计
- 连平网站建设
- 霞山网站制作
- 珠海网站设计
- 曲江网站建设
- 天河网站制作
- 河源网站设计
- 阳山网站建设
- 阳江网站制作
- 和平网站设计
- 平远网站建设
- 高明网站制作
- 化州网站设计
- 白云网站建设
- 惠来网站制作
- 金平网站设计
- 惠城网站建设
- 汕头网站制作
- 坡头网站设计
- 蕉岭网站建设
- 惠阳网站制作
- 清远网站设计
- 信宜网站建设
- 黄埔网站制作
- 麻章网站设计
- 佛山网站建设
- 蓬江网站制作
- 濠江网站设计
- 普宁网站建设
- 连南网站制作
- 东源网站设计
- 仁化网站建设
- 翁源网站制作
- 博罗网站设计
- 江城网站建设
- 英德网站制作
- 东莞网站设计
- 江门网站建设
- 兴宁网站制作
- 云城网站设计
- 番禺网站建设
- 潮阳网站制作
- 端州网站设计
- 江海网站建设
- 遂溪网站制作
- 乳源网站设计
- 新会网站建设
- 连州网站制作
- 徐闻网站设计
- 海丰网站建设
- 湛江网站制作
- 阳西网站设计
- 鼎湖网站建设
- 潮州网站制作
- 潮南网站设计
- 惠东网站建设
- 花都网站制作
- 云安网站设计
- 茂名网站建设
- 新兴网站制作
- 台山网站设计
- 澄海网站建设
- 阳春网站制作
- 新丰网站设计
- 南沙网站建设
- 揭阳网站制作
- 陆河网站设计
- 龙门网站建设
- 廉江网站制作
- 高要网站设计
- 湘桥网站建设
- 广宁网站制作
- 梅江网站设计
- 郁南网站建设
- 雷州网站制作
- 云浮网站设计
- 阳东网站建设
- 南澳网站制作
- 从化网站设计
- 乐昌网站建设
- 陆丰网站制作
- 肇庆网站设计
- 开平网站建设
- 潮安网站制作
- 中山网站设计
- 深圳网站建设
- 宝安网站制作
- 龙华网站设计
- 公明网站建设
- 石岩网站制作
- 福永网站设计
- 西乡网站建设
- 沙井网站制作
- 坂田网站设计
- 松岗网站建设
- 民治网站制作
- 观澜网站设计
- 光明网站建设
- 大浪网站制作
- 龙岗网站设计
- 布吉网站建设
- 横岗网站制作
- 平湖网站设计
- 坪地网站建设
- 坪山网站制作
- 南山网站设计
- 西丽网站建设
- 前海网站制作
- 蛇口网站设计
- 福田网站建设
- 罗湖网站制作
- 盐田网站设计
- 北京网站建设
- 东城
- 西城
- 大兴
- 朝阳
- 怀柔
- 丰台
- 平谷
- 石景山
- 密云
- 延庆
- 海淀
- 门头沟
- 房山
- 通州
- 顺义
- 江西
- 丰城
- 萍乡
- 吉安
- 赣州
- 宜春
- 新余
- 景德镇
- 抚州
- 九江
- 上饶
- 鹰潭
- 樟树
- 瑞金
- 井冈山
- 德兴
- 瑞昌
- 共青城
- 庐山
- 乐平
- 贵溪
- 江西
- 高安
- 安远
- 南康
- 芦溪
- 万安
- 金溪
- 资溪
- 余干
- 铜鼓
- 遂川
- 彭泽
- 石城
- 鄱阳
- 丰城
- 南城
- 弋阳
- 宜黄
- 进贤
- 浔阳
- 万年
- 广昌
- 临川
- 安福
- 吉州
- 龙南
- 分宜
- 昌江
- 信州
- 婺源
- 青原
- 东乡
- 永新
- 定南
- 月湖
- 珠山
- 袁州
- 吉安
- 上饶
- 全南
- 武宁
- 余江
- 浮梁
- 西湖
- 青云谱
- 湾里
- 新建
- 南昌
- 青山湖
- 黎川
- 吉水
- 广丰
- 奉新
- 宁都
- 修水
- 章贡
- 安源
- 万载
- 玉山
- 南丰
- 峡江
- 于都
- 永修
- 赣县区
- 湘东
- 新干
- 铅山
- 上高
- 崇仁
- 信丰
- 兴国
- 莲花
- 德安
- 横峰
- 乐安
- 宜丰
- 永丰
- 会昌
- 大余
- 都昌
- 上栗
- 泰和
- 靖安
- 上犹
- 寻乌
- 湖口
- 婺源
- 渝水
- 崇义
- 安义
- 柴桑
- 重庆
- 江北
- 南岸
- 北碚
- 渝北
- 巴南
- 万州
- 涪陵
- 永川
- 璧山
- 大足
- 綦江
- 江津
- 合川
- 黔江
- 长寿
- 南川
- 铜梁
- 潼南
- 荣昌
- 开州
- 梁平
- 武隆
- 城口
- 丰都
- 垫江
- 忠县
- 云阳
- 奉节
- 巫山
- 巫溪
- 石柱
- 秀山
- 酉阳
- 彭水
- 渝中
- 大渡口
- 沙坪坝
- 九龙坡
- 四川
- 成都
- 眉山
- 宜宾
- 自贡
- 广安
- 泸州
- 达州
- 德阳
- 雅安
- 绵阳
- 巴中
- 广元
- 资阳
- 遂宁
- 内江
- 阿坝
- 乐山
- 甘孜
- 南充
- 凉山州
- 攀枝花
- 金堂
- 旺苍
- 白玉
- 贡井
- 营山
- 龙马潭
- 青川
- 井研
- 射洪
- 船山
- 稻城
- 郫都
- 红原
- 石棉
- 利州
- 绵竹
- 威远
- 安居
- 沙湾
- 资中
- 荥经
- 涪城
- 大安
- 蓬安
- 东坡
- 泸县
- 昭化
- 达川
- 若尔盖
- 石渠
- 东兴
- 青羊
- 沐川
- 得荣
- 大邑
- 蓬溪
- 昭觉
- 仪陇
- 宁南
- 游仙
- 犍为
- 合江
- 大英
- 广安
- 嘉陵
- 道孚
- 华蓥
- 南溪
- 剑阁
- 蒲江
- 金牛
- 五通桥
- 金口河
- 沿滩
- 炉霍
- 岳池
- 苍溪
- 西充
- 夹江
- 江安
- 武胜
- 峨边彝族自治
- 朝天
- 宜宾
- 武侯
- 喜德
- 古蔺
- 前锋
- 荣县
- 新津
- 三台
- 色达
- 富顺
- 松潘
- 理塘
- 雷波
- 宣汉
- 仁寿
- 成华
- 简阳
- 邻水
- 盐亭
- 通川
- 阆中
- 天全
- 隆昌
- 青神
- 叙永
- 冕宁
- 马边彝族自治
- 越西
- 龙泉驿
- 开江
- 普格
- 长宁
- 筠连
- 会东
- 万源
- 旌阳
- 米易
- 安州
- 木里
- 壤塘
- 汶川
- 峨眉山
- 都江堰
- 名山
- 甘洛
- 高县
- 平昌
- 金阳
- 大竹
- 康定
- 防狼喷雾
- 洪雅
- 罗江
- 仁和
- 南江
- 高坪
- 恩阳
- 青白江
- 彭州
- 梓潼
- 芦山
- 甘孜
- 金川
- 西昌
- 北川
- 中江
- 邛崃
- 南部
- 雨城
- 九寨沟
- 平武
- 雅江
- 兴文
- 马尔康
- 广汉
- 安岳
- 美姑
- 巴塘
- 宝兴
- 珙县
- 盐源
- 汉源
- 顺庆
- 通江
- 盐边
- 丹巴
- 新都
- 德昌
- 江阳
- 崇州
- 温江
- 翠屏
- 丹棱
- 乡城
- 德格
- 小金
- 雁江
- 乐至
- 阿坝
- 双流
- 新龙
- 渠县
- 布拖
- 自流井
- 巴州
- 九龙
- 泸定
- 理县
- 黑水
- 会理
- 茂县
- 江油
- 什邡
- 屏山
- 纳溪
- 山东
- 济南
- 菏泽
- 滨州
- 青岛
- 淄博
- 日照
- 枣庄
- 莱芜
- 东营
- 临沂
- 烟台
- 德州
- 聊城
- 潍坊
- 济宁
- 泰安
- 威海
- 淄川
- 单县
- 文登
- 梁山
- 滨城
- 牟平
- 县南区
- 高密
- 临沭
- 罗庄
- 潍城
- 乐陵
- 台儿庄
- 德城
- 沾化
- 昌邑
- 荣成
- 山亭
- 曲阜
- 寒亭
- 禹城
- 莱山
- 巨野
- 市中区
- 市北区
- 河东
- 张店
- 博山
- 长岛
- 陵城
- 郓城
- 东昌府
- 坊子
- 槐荫
- 任城
- 黄岛
- 惠民
- 滕州
- 邹城
- 沂南
- 乳山
- 历下
- 兖州
- 奎文
- 泰山
- 阳信
- 天桥
- 临淄
- 东港
- 宁津
- 崂山
- 成武
- 东营
- 龙口
- 郯城
- 阳谷
- 微山
- 沂水
- 岱岳
- 岚山
- 庆云
- 历城
- 鄄城
- 李沧
- 莘县
- 周村
- 无棣
- 河口
- 莱阳
- 临朐
- 茌平
- 城阳
- 兰陵
- 东明
- 长清
- 五莲
- 临邑
- 博兴
- 昌乐
- 垦利
- 莱州
- 桓台
- 宁阳
- 鱼台
- 齐河
- 邹平
- 东阿
- 费县
- 东平
- 金乡
- 胶州
- 青州
- 高青
- 利津
- 蓬莱
- 莒县
- 章丘网站建设
- 沂源
- 平原
- 即墨
- 冠县
- 嘉祥
- 牡丹
- 莱城
- 平阴
- 新泰
- 诸城
- 招远
- 平邑
- 广饶
- 平度
- 薛城
- 钢城
- 芝罘
- 济阳
- 高唐
- 定陶
- 汶上
- 栖霞
- 肥城
- 莒南
- 寿光
- 夏津
- 莱西
- 蒙阴
- 商河
- 环翠
- 兰山
- 曹县
- 泗水
- 安丘
- 武城
- 海阳
- 峄城
- 临清
- 福山
- 天津
- 和平
- 武清
- 河东网站建设
- 宝坻
- 河西
- 滨海
- 南开
- 宁河网站建设
- 河北
- 静海
- 蓟州
- 红桥
- 东丽
- 西青
- 津南
- 北辰
- 河北
- 石家庄
- 廊坊
- 衡水
- 唐山
- 秦皇岛
- 邯郸
- 邢台
- 雄安
- 保定
- 张家口
- 承德
- 沧州
- 山西
- 太原
- 吕梁
- 大同
- 阳泉
- 长治
- 晋城
- 朔州
- 晋中
- 运城
- 忻州
- 临汾
- 内蒙古
- 呼和浩特
- 锡林郭勒盟
- 阿拉善盟
- 包头
- 乌海
- 赤峰
- 通辽
- 鄂尔多斯
- 呼伦贝尔
- 巴彦淖尔
- 兴安盟
- 乌兰察布
- 辽宁
- 沈阳
- 盘锦
- 大连
- 铁岭
- 鞍山
- 朝阳网站建设
- 葫芦岛
- 抚顺
- 本溪网站建设
- 丹东
- 锦州网站建设
- 营口
- 阜新
- 辽阳
- 吉林
- 长春
- 吉林
- 四平
- 辽源
- 通化
- 白山
- 松原
- 白城
- 延边州
- 黑龙江
- 哈尔滨
- 黑河
- 齐齐哈尔
- 绥化
- 大兴安岭
- 鸡西
- 鹤岗
- 双鸭山
- 大庆
- 伊春
- 佳木斯
- 七台河
- 牡丹江
- 上海网站建设
- 黄浦网站建设
- 徐汇
- 金山
- 长宁
- 松江
- 静安
- 青浦
- 普陀
- 奉贤
- 崇明
- 虹口
- 杨浦
- 闵行
- 宝山
- 嘉定
- 浦东
- 江苏
- 南京
- 镇江
- 无锡
- 泰州
- 宿迁
- 徐州
- 常州
- 苏州
- 南通
- 淮安
- 盐城
- 扬州
- 连云港
- 浙江
- 杭州
- 宁波
- 温州
- 嘉兴
- 湖州
- 绍兴
- 金华
- 衢州
- 舟山
- 台州
- 安徽
- 合肥
- 阜阳网站建设
- 芜湖
- 宿州
- 蚌埠
- 六安网站建设
- 淮南
- 亳州
- 淮北
- 池州
- 宣城
- 铜陵
- 安庆
- 黄山
- 滁州
- 马鞍山
- 福建
- 福州
- 厦门
- 莆田
- 三明
- 泉州网站建设
- 漳州
- 南平
- 龙岩网站建设
- 宁德
- 河南
- 郑州
- 许昌
- 开封
- 漯河
- 洛阳
- 南阳
- 商丘
- 安阳
- 信阳
- 新乡
- 周口
- 鹤壁
- 焦作
- 濮阳
- 济源
- 驻马店
- 平顶山
- 三门峡
- 湖北
- 武汉
- 荆州
- 黄冈
- 黄石
- 十堰
- 咸宁
- 宜昌
- 随州
- 襄阳
- 仙桃
- 鄂州
- 潜江
- 天门
- 孝感
- 神农架
- 恩施州
- 湖南
- 长沙
- 郴州
- 株洲
- 永州
- 湘潭
- 怀化
- 娄底
- 衡阳
- 邵阳
- 岳阳
- 常德
- 益阳
- 张家界
- 湘西州
- 广西
- 南宁
- 贺州
- 柳州
- 河池
- 桂林
- 来宾
- 崇左
- 梧州
- 北海
- 钦州
- 贵港
- 玉林
- 百色
- 防城港
- 海南
- 海口
- 澄迈
- 三亚
- 临高
- 琼海
- 白沙
- 儋州
- 昌江
- 文昌
- 乐东
- 陵水
- 万宁
- 保亭
- 东方
- 定安
- 琼中
- 三沙
- 屯昌
- 五指山
- 陕西
- 西安
- 铜川
- 宝鸡
- 咸阳
- 渭南
- 延安
- 榆林
- 汉中
- 安康
- 商洛
- 甘肃
- 兰州
- 酒泉
- 金昌
- 庆阳
- 白银
- 定西
- 陇南
- 天水
- 武威
- 张掖
- 平凉
- 嘉峪关
- 临夏州
- 甘南州
- 青海
- 西宁
- 海东
- 海北州
- 海南州
- 黄南州
- 果洛州
- 玉树州
- 海西州
- 宁夏
- 银川
- 吴忠
- 固原
- 中卫
- 石嘴山
- 新疆
- 乌鲁木齐
- 双河
- 和田地
- 可克达拉
- 伊犁
- 克拉玛依
- 昆玉
- 博尔塔拉
- 塔城地
- 阿勒泰地
- 巴音郭楞
- 石河子
- 阿克苏地
- 克孜勒苏
- 阿拉尔
- 图木舒克
- 吐鲁番
- 哈密
- 五家渠
- 昌吉
- 北屯
- 喀什地
- 铁门关
- 贵州
- 贵阳
- 遵义
- 安顺
- 毕节
- 铜仁
- 黔南州
- 六盘水
- 黔东南州
- 黔西南州
- 云南
- 昆明
- 红河
- 曲靖
- 文山
- 玉溪
- 大理
- 保山
- 德宏
- 昭通
- 怒江
- 迪庆
- 丽江
- 普洱
- 临沧
- 楚雄
- 西藏
- 拉萨
- 昌都
- 林芝
- 山南
- 那曲
- 阿里地
- 日喀则
- 香港网站建设
- 澳门网站制作
- 台湾网站设计