文章分类 -  网页设计

从人性的角度揭露Banner设计背后的14个秘密
摘要：写在前面 作为电商设计师的我们，每天会面对各种需求，每天看到各种商品,做了这么久的电商banner设计，我突然问了自己一个问题：当我们在做Banner的时候，我们在做什么？你们想过这个问题吗？ 回答这个问题前我们先了解下电子商务（简称电商）的定义，据百度百科的解释是：电子商务广义上指使用各种电子工具 阅读全文
posted @ 2019-02-11 16:19 半前端半设计的四不像 阅读(241) 评论(0) 推荐(0)
网页配图之道！八条实战学来的首图设计技巧
摘要：国内有大部分设计师称之为Banner，但我的概念中Banner图还是一条长长的横幅广告。国外的设计师把首图成为Hero图，Hero字面意义也就是英雄，但直接叫英雄图片恐怕带来误解，不如叫首图。首图，地位第一，又位于首页，意思直达，大家能理解就好。 大概很多设计师其实已经觉察到了，网页设计做得好不好， 阅读全文
posted @ 2019-02-11 16:14 半前端半设计的四不像 阅读(282) 评论(0) 推荐(0)
使用渐进式 JPEG 来提升用户体验
摘要：今天才认识到原来JPEG文件有两种保存方式，分别是Baseline JPEG（标准型）和Progressive JPEG（渐进式）。两种格式有相同尺寸以及图像数据，扩展名也是相同的，唯一的区别是二者显示的方式不同。 Baseline JPEG 这种类型的JPEG文件存储方式是按从上到下的扫描方式，把 阅读全文
posted @ 2018-12-10 11:40 半前端半设计的四不像 阅读(162) 评论(0) 推荐(0)
网易云音乐Android 3.0视觉设计规范文档
摘要：自从上次25学堂发布了《网易云音乐APP设计的布局规范和标注规范》，不少的小伙伴都在群里、或者网站评论里面，索取网易云音乐Android 3.0视觉设计规范文档。为了解决25学堂的小伙伴的要求，学堂君已经帮大家收集整理出来网易云音乐Android 3.0视觉设计规范文档。非常的完整。 主要从APP文 阅读全文
posted @ 2018-11-14 12:03 半前端半设计的四不像 阅读(1065) 评论(0) 推荐(0)
网页的栅格化设计
摘要：文章原名：你的布局设定方法靠谱吗？ 有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的，越细致的地方可能越是如此。比如，这个菜单的宽度为什么是200px？250px或者190px是否可以？图片的尺寸为什么是278px*196px？如何确定网页的宽度？“ 软件界面的 阅读全文
posted @ 2016-12-02 14:42 半前端半设计的四不像 阅读(460) 评论(0) 推荐(0)
【转】設計師自學完全手冊，讓你從零基礎到成為專業設計師
摘要：（以下文字以 Medium 作者 Karen Cheng 第一人稱撰寫） 我不是畢業於設計學系，但我得到了一份設計師的工作。 我想換工作，成為一位設計師，但我沒有四年和十萬元美金讓我回到學校上課，所以我決定自修。起初，我相當懷疑一個人到底能不能靠著自修來找到相關的工作。 答案是：可以 我邊上班邊自學 阅读全文
posted @ 2016-10-11 11:12 半前端半设计的四不像 阅读(120) 评论(0) 推荐(0)
做交互应该知道的视觉几件事
摘要：偶尔会听到产品经理和交互设计抱怨，视觉设计稿和最初规划差别太大，我自己也遇到过类似状况。究其原因，大多还是沟通中出现了问题。有效沟通，信息的对等是很重要的。这个对等，既包括让视觉设计尽早了解产品需求，获得与其他人员对等的信息；也包括交流双方知识领域的对等，彼此多了解对方领域内容，才能更好地沟通。对于... 阅读全文
posted @ 2015-06-13 10:21 半前端半设计的四不像 阅读(240) 评论(0) 推荐(0)
产品经理必读：了解网页设计中的分割布局
摘要：随着互联网的高速发展，各种各样的网站层出不穷。在这样的环境下，用户是如何在浩瀚的互联网海洋中快速挑选网站的呢?网页设计师又如何能让自己的网站在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢?本文作者向用户介绍了一种简单的页面布局方式——分割布局，这种布局方式试图让用户初览页面时感受到一种友好的浏览... 阅读全文
posted @ 2015-06-13 10:07 半前端半设计的四不像 阅读(269) 评论(0) 推荐(0)
如何设计有效的网页布局？
摘要：1.具有清晰的视觉层次。布局应当让页面各元素之间的关系和重要性一目了然。你可以通过适当使用下列属性来实现视觉层次：焦点：指用户首先关注的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。视觉流：指用户关注区域的顺序。可以根据任务逻辑和用户的浏览习惯来设计恰当的视觉流。好的视觉流应该清晰、合理... 阅读全文
posted @ 2015-06-13 09:57 半前端半设计的四不像 阅读(382) 评论(0) 推荐(0)
【div+css】栅格化布局样式备用
摘要：【什么叫栅格化布局】栅格是指用均匀矩阵网格来划分空间，在网页设计中设计师按照栅格划分好的空间规划自己的设计元素，让整个页面结构规范化（以上完全是林氏智造自我点评）【为什么要使用栅格化】在团队开始中，在未使用栅格化布局之前，当前端的朋友是否总有几次拿到设计稿有想撞墙的冲动，嘴里总会念到为什么大布局的间... 阅读全文
posted @ 2015-06-12 20:58 半前端半设计的四不像 阅读(577) 评论(0) 推荐(0)
栅格化你的网页
摘要：栅格系统的形成1692年，新登基的法国国王路易十四感到法国的印刷水平差强人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方... 阅读全文
posted @ 2015-06-12 20:44 半前端半设计的四不像 阅读(994) 评论(0) 推荐(0)
网站页面设计基本尺寸
摘要：摘要：网页设计师在设计网页尺寸时可能会出现一些疑惑，到底将尺寸设为多大合适呢？本文简要介绍了在不同屏幕大小下的较为合适的网页尺寸大小，仅供参考。 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，就... 阅读全文
posted @ 2015-05-18 11:43 半前端半设计的四不像 阅读(781) 评论(0) 推荐(0)