合理使用语义化标签有助于提高网页的可访问性、可读性和SEO优化。在本文中，我们将分析一些实际网站的HTML结构，对比非语义化标签的差异。

背景 最近公司项目有需求, 某导入功能, 想让客户选完excel文件, 直接将加载到web的excel编辑器中, 修改、确认, 之后上传导入。

作为网页设计师，你的作品就是你专业水平的最好体现方式。所以，无论是参加面试还是个人作品展示，你的网页模型是否能让人眼前一亮，是否能在交互设计或视觉设计方面突出任何一点的优势，是你取得面试机会和赢得客户的关键。 在网页设计的初始阶段，原型/线框/模型设计必然是一个关键步骤。如何通…

在很多时候，UI会给一部分切图，当你使用一个新的技术，需要的不再是png而是webp或者SVG时候，沟通变得异常复杂，沟通成本急剧增加。 当然很多公司专业的UI会通过专业工具Stetch帮你生成一套完成的UI备注文件。 可惜，有些时候，并没有。 废话不多说，开始介绍。 右边的各…

能力出众的产品经理，理应有对网页的设计和鉴赏能力。这里有 19 篇干货嗷嗷待啃！

设计一个网页，最基本就是从画布局开始，然而这个也是比较耗时间的，不过没关系，今天为大家分享一个网页布局Photoshop扩展插件——Velositey，这个扩展可以快速在PS上实现多种流行布局，布局包含头部、幻灯片、内容布局、页脚排版等等。

现在，越来越多的人想要建立自己的网站，通过自助建站系统就可以自己进行网页制作了。这无疑是一件好事，但是，很多设计师，尤其是新手设计师或者压根儿就不是设计师的小白，都在网页设计上走过不少弯路。 网页制作最重要的就是网页布局，先布局，后细节，只有在选择了合适的网站布局以后，才可以顺…

在科技公司稱霸的年代，我們的生活充斥著數位產品、軟體服務，Google, Netflix, Facebook似乎帶給人們方便、增加溝通效率，但我們每天面對的是冰冷的螢幕、間接的人際互動。 「*許多科技公司專注於提升產能，但工作並不是一直這麼有趣。」Slack的藝術總監Russe…