资讯频道 → Web前端
阅读更多

5顶
1踩

Web前端

原创新闻 Web 设计过程中该做和不该做的

2013-08-22 11:23 by 副主编 WnouM 评论(7) 有7095人浏览
Web 设计 响应式 UI

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！




在如今飞速前进的网络世界里，Web设计成为大多数网络公司成功的关键要素。非也？那就是公司的自身问题了。在过去的那些年里，Web设计趋势的不断改变就像时尚界那样纷纭变幻，这些都少不了优秀人才和先进技术的介入。为了在激烈的竞争环境里崭露头角，开发者就必须顺从不断变化的潮流，同时还要避免大多数同行已经落入的陷阱。

该做的：QR代码

QR代码即快速响应代码，这是矩阵条形码的一种类型，当使用光学仪器扫描的时候就能读出它所涵盖的内容。在现如今这个智能手机如此普及的情况下，使用QR代码是数据传输最简单、最快速的方法。一些新的网站都使用了QR代码，这也正是它们深受大众欢迎的原因。

该做的：社交媒体标记

一个网站的成功与否，营销是关键。营销的方法有很多种，不过最有效地方法还是口碑的流传。而且使用社交媒体的标记可以大大的增加业务和用户之间交流沟通，同时用户与用户之间的口口相传也有着不可低估的作用。这些媒体标记可以让用户将信息快速的从一个地方传递到另一个地方。还可以保留在博客帖子了，或者网站的任何地方。

该做的：响应式布局

随着越来越多的数字媒体产品的使用，像智能手机、笔记本和平板电脑，因此就更加需要一个能够同时在这些媒介上运作的布局。这需要利用一套独立的代码来开发出统一的网站，以便可以在这些媒介上顺利的运行，之所以要响应式布局，是出于对Web设计动态和流畅性质的考虑。

不该做的：较弱的搜索功能

过于综合的搜索引擎在工作中不是特别给力，因为它们不能处理太多种类的搜索查询。这就降低了用户的喜爱程度，特别是对于那些老的用户来说。给网站添加一个简单的工具箱也是一个很明智的选择，这也正是用户所希望的。

不该做的：在线观看的PDF文件

当正在查阅PDF文件的同时，如果浏览了网页可能会导致用户中断流量或者阅读，即使像“打印”这样的简单命令也是很难执行的，因为标准的浏览器命令根本不管用。所以只能手动储存需要打印的PDF文件和其它较大的文件。

不该做的：不要改变访问过的链接颜色

让用户知道哪些网页已经看过了，哪些网页没有看过，这样才能知道接下来要看什么，而且链接在导航过程中是一个关键因素。将访问过的链接改为另一种颜色可以帮助用户避免多次点击，此外，还可以帮助用户理清哪一个链接是有帮助的或是没帮助的。降低重复点击次数的同时也对程序起到了保护作用，并且节省大量的时间。

不该做的：不回复用户的问题

Web用户访问网址是有着高目标性的，以完成任务为最终目的。可是，有些网站之所以失败，主要原因是无法给用户提供他们正在寻找的信息。有的时候，是因为网站自身原因，服务器出现了故障；但更多的时候是因为要找的信息藏得太深，要么就是信息根本无法获取/不存在。

总结了以往那些失败的Web设计的成败经验，希望对你的Web设计工作有用。

Via JavaScript Style
  • 大小: 28.7 KB
来自: CSDN
5
顶
1
踩
评论 共 7 条 请登录后发表评论
7 楼 El_Nino 2013-08-28 23:16
收藏一下！
6 楼 thinklf 2013-08-23 16:39
翻译是亮点！
5 楼 xlaohe1 2013-08-23 14:24
MrLee23 写道
xlaohe1 写道
不该做的：不要改变访问过的颜色颜色
这句话让我很受伤。
干嘛不弄成：该做的：改变访问过的链接颜色
最后一个不该做的一样。

你没做过web项目把，标签<a>系统默认是有访问过和没访问过的颜色标识，如果你去改变N多人不知道你改变的颜色是什么意思，这叫画蛇添足，设计中的大忌。

原来如此啊，我以为颜色改变是人为的呢。
4 楼 438608535 2013-08-23 12:51
[u][u][b][i][u][i]
引用
[list]
[*][img][url][flash=200,200][*][*]
  • [*]
    [flash=200,200][url][img][list]
    [*]
    [/list][/img][/url][/flash]
    [/flash][/url][/img][/list]
    [/i][/u][/i][/b][/u][/u]             
    

    

    
  
    3 楼 MrLee23 2013-08-23 11:45  
    
  
    xlaohe1 写道
    不该做的：不要改变访问过的颜色颜色
    这句话让我很受伤。
    干嘛不弄成：该做的：改变访问过的链接颜色
    最后一个不该做的一样。

    你没做过web项目把，标签<a>系统默认是有访问过和没访问过的颜色标识，如果你去改变N多人不知道你改变的颜色是什么意思，这叫画蛇添足，设计中的大忌。
    

    

    
  
    2 楼 houyujiangjun 2013-08-23 09:49  
    
  
    xlaohe1 写道
    不该做的：不要改变访问过的颜色颜色
    这句话让我很受伤。
    干嘛不弄成：该做的：改变访问过的链接颜色
    最后一个不该做的一样。

    你知道的，现在这些东西都是翻译的人家的东西，语言功力是硬伤，英语里面怎么说他就直译过来，也不嫌绕得慌
    

    

    
  
    1 楼 xlaohe1 2013-08-23 08:45  
    
  
    不该做的：不要改变访问过的颜色颜色
    这句话让我很受伤。
    干嘛不弄成：该做的：改变访问过的链接颜色
    最后一个不该做的一样。
    

    

    
    
  
    
  
    发表评论
    
  
  
      您还没有登录,请您登录后再发表评论 
    


    
 
  
    
    
    
      
    相关推荐
    
      
      
        
          
          
      
            
      
              
              
      
                
                  
                  
                  
    • 
                    毕业设计So Easy：基于Java Web学生选课系统
                    
      目录 1、选题背景 2、选课系统分析与设计 2.1、系统功能说明 2.2、总体功能结构 很多计算机专业大学生经常和我交流：毕业设计没思路、不会做、论文不会写、太难了...... 针对这些问题，决定分享一些软、硬件项目的...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    pycharm中做web应用（一）第一个web页
                    
      基于Django 开源的 Web 应用框架，几行代码，轻松地完成一个小小的网页，您全功能的 Web 系统起步了。
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    web设计和制作中虚线的实现
                    
      在设计和制作网页过程中，常常需要加入虚线分割线，像腾讯、搜狐、新浪首页都有灰色虚线的应用。但是虚线的实现，无论在设计中还是后面的制作中都不太容易。  （一）设计中实现虚线 总结以下photoshop画虚线的几种...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    基于WEB的网上购物系统的设计与实现（附：源码 论文 sql文件）
                    
      本网上商城系统以MVC分层思想为原则，使用SSH框架进行整合开发。...后台管理功能则包括商品的修改、添加、删除、用户管理和订单管理等主要功能。本系统具有操作简单、页面友善、灵活性好、运行稳定等特点。......
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    Web实训项目--网页设计（附源码）
                    
      学习如何设计网页中的轮播图和动画效果，并掌握a标签文本内容跳转、超链接的应用、播放音乐与视频等操作。通过对Web知识内容的了解，我们掌握了HTML、CSS和JavaScript的基本知识以及利用它们实现一些简单的应用。1、...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    微信小程序和web开发使用过程中的相似与不同
                    
      微信小程序和web开发使用过程中的相似与不同 相似之处：1.二者在构造时都用到了JavaScript语言； 2.在设计小程序和网页时，都不可避免的要用到图片文字去丰富内容，使其变得更加充实，因而也就需要设计框架和页面...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    web项目API接口设计与开发总结
                    
      虽然以前自己没有设计过接口，但是调用过别人写的接口，如百度提供的接口，还有以前在项目中调用别人的接口等等。感觉调用别人的接口还挺方便的，自己来设计的时候，真不知道如何下手。然后去查看学习各种教程，开始...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    7.25 web前端-淘宝首页设计
                    
      hello everybody，许久不见，甚是想念，关于我为...今天就来给大家分享一下我完成这个项目的过程吧（事先声明我的作品还原度并没有百分之百达到，做的不好请大家勿喷（QAQ）），下面先给大家做一个最终结果展示：...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    Web自动化测试怎么做？Web自动化测试的详细流程和步骤
                    
      web自动化测试中主要用来把测试人员从繁琐的内容中解放出来,主要做一些比如需要多次输入,多次运行的,比如我们用边界值,等价类设计的很多测试数据需要执行，现在主流的web测试工具我们常用的就是selenium的那一套工具...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    毕业设计之 --- 基于java web的旅游网站设计
                    
      文章目录0 前言1 课题背景2 实现功能2.1 系统整体设计...塞北村镇旅游网站中以帮助客户怎么样才能更快速方便的找自己旅游公司咨询和旅游信息。因此开发塞北村镇旅游网站可以发布塞北村镇旅游信息，让客户自己在网上就
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    Web网站评论功能数据库设计和开发
                    
           本文主要分享了我在设计...现阶段评论做的最好的我想应该是网易新闻（app）里面的评论模块了，其“盖楼”的方式让人印象深刻，评论已经成为该app的核心功能之一了。市面上大部分app的评论模块设计的还是相对简单
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    基于ZYNQ的webserver设计与实现
                    
      设计一组网页文件，将该组网页文件加载到zynq的内存中，电脑端通过浏览器访问zynq所对应的IP地址，并通过http协议获取并打开该组网页文件，从而通过网页可以实现对zynq内部程序的通信与控制。整个过程实现了一个基于...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    计算机网络课程设计之简单 Web Server 程序的设计与实现
                    
      webserver Qt
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    html5毕业论文题目,web设计论文选题推荐 web设计专业论文题目怎么拟
                    
      一、比较好写的web设计论文题目:1、响应式Web设计2、现代Web设计中的交互性原则3、XML在PDM系统中的Web设计与应用4、基于ASP.NET课程教学Web设计与开发5、响应式Web设计HTML5和CSS3实战6、分析WEB设计中存在的...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    〖Python WEB 自动化测试实战篇⑩〗- 实战 - UI自动化脚本设计常见场景剖析
                    
      前面章节利用本地 “html” 文件的虚拟场景辅助我们了解了元素的定位、元素的操作，熟悉了正常...从这一章节开始，将对之前接口自动化测试篇章所使用的旅游网这样的一个项目，进行真实的UI自动化脚本的设计。.........
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    该不该用存储过程
                    
      转：减少存储过程封装业务逻辑-web开发与传统软件开发的思维模式不同    本篇文章讨论并不是：不要使用存储过程,因为有些事情还是要存储过程来完成,不可能不用。而是关于："业务逻辑是不是要封装在存储过程中实现，...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    web课程设计
                    
      作者:yyl ...Laravel虽然课上安装了，但是还是重新安装了一下，顺便写一下安装过程 1、使用Composer自动安装Laravel框架 首先在DOS窗口下，切换到项目目录，如下图所示：  使用composer指令从github中下
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    用html设计前台界面,UI设计系列：WEB前端界面设计
                    
      UI设计过程中，常常要用到WEB界面设计，在Web已经进入崭新的时代的今天，界面的设计显得非常重要。川软教育 WEB前端培训：1、把需要工作的人变成工作需要的人。2、让千千万万的人通过我们的教育改变生活3、技术更新...
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    web课程设计总结
                    
      阶段的总结，是进步的一大助力，现在总结下课程设计。...在这个过程中，接触到了很多库，框架，js插件。 比如bootstrap，boostrap是响应式的，当时第一个接触的东西，感觉好强大，响应式的，有好多
      
                  
      • 
                  
                
                  
                  
                  
    • 
                    web 技术中的前端和后端是如何交互的
                    
      由于本人并不是从事 web 开发工作，本文整理自个人对 web 技术的理解，部分内容来自网络，如果有什么错误的地方，欢迎专业人士指正。 1 现代 web 技术全景图 在互联网发展的早期（上世纪80年代末90年代初），后端...
      
                  
      • 
                  
                
              
      
            
      
          
      
        
      
    
    
    
  
    

    





        
    
        
    
                      
  
  
  
  
    

  
    
  
  
  
  
  
    
    
    
  

          
    

          
    
        
    
        





      
    
      

    
    
    



   Global site tag (gtag.js) - Google Analytics