在成都做网站、成都建网站,成都网站建设及网页制作,首选领城互动
  • 首页
  • 关于我们
  • 服务范围
  • 经典案例
  • 联系我们
当前位置：首页 > 服务项目 > 品牌形象设计 > 成都网站界面设计的8个特性

成都网站界面设计的8个特性

在设计你的网站用户界面的时候，有成百上千的关于界面设计方法和模式的信息供你使用。我们总是希望自己的设计能尽善尽美，不仅受到客户喜欢，也能迎合各方需求。但是究竟什么样的网站才能称之为一个良好的界面？一个有价值的用户界面应该具有那些特性？

以下八个特性是一个良好的用户界面所必须的：

    清楚
    简明
    熟悉
    易响应
    一致
    吸引力
    高效
    宽容

1.  Clear / 清楚的
清晰度是界面设计的第一要素。因为，用户界面设计的所有目的是为了使人们能够与您的系统通过沟通和功能来进行交互。如果访客来到网站不知道你的应用程序怎样工作或在你的网站上应该去哪里，他们会困惑和沮丧，这种挫败感可能会导致他们最终关掉你的网站。

2. Concise / 简明
简单明了的用户界面对用户来说是很好的。但是，这个标准也要适度控制，不要让网站变得简陋。定义和解释的大量添加，会在同时也增大了网站规模。而这些，都将导致你的您的用户将不得不花费过多的时间去读它们。所以简洁也是网站设计的另一个要点。

不仅要保持清晰，还保持简洁。当你能用一句话解释一项功能的时候就不要用三句话。保持简洁可以节省你的用户的宝贵的时间。同时保持清晰和简明并不容易，需要足够的时间和努力来实现，但其回报是值得的。

3.  Familiar / 熟悉
许多设计师努力使自己的界面，直观。但到底直观的真正意思是什么？直观也就是就是说可以自然地，本能地理解和领会。但是你怎么能做到直观一些？你可通过是它变的熟悉来实现。

熟悉就是，跟你以前遇到过的东西相似。当你熟悉的东西，你就知道怎样它怎么做-你知道会发生什么事情。弄清你的用户熟悉的并把它们融合到你的用户界面中。

GoPlan的标签页式界面。标签很熟悉，因为他们模仿文件夹上的标签。你清楚知道点击标签您将浏览该节和其他地方的标签将继续存在为了进一步导航。

4.  Responsive / 易响应

易响应其实包括两方面。第一，易响应意味着快速。这叫要求我们尽可能少的使软件在网站后台运行。因为等待加载和缓慢的界面是令人沮丧的。

第二，易响应也意味着界面提供某种形式的反馈，可以让用户知道自己做了什么动作后，网站给予了何种反映。界面应该告诉用户：他们现在怎么了？我的操作执行到哪一步了。避免使他们陷入茫然的等待阶段。


    电话：028-85030041
    地址：中国成都新希望国际A座
    ©Linking 2006-2021 Inc.
    蜀ICP备12000250号-1
Process: 0.060s ( Load:0.006s Init:0.022s Exec:0.024s Template:0.007s ) | DB :13 queries 0 writes | UseMem:2,073 kb
页面Trace信息
当前页面 : /vi/201111/88.html
模板缓存 : C:\wwwroot\www.citycy.com/data/front/runtime/cache/351ab735e880a1dd5f3567d38b061acb.php
请求方法 : GET
通信协议 : HTTP/1.1
请求时间 : 2022-10-04 14:46:41
用户代理 : CCBot/2.0 (https://commoncrawl.org/faq/)
会话ID : lul0ddbgr5fi4ft6l043nvn030
日志记录 : 61条日志
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8192] mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead DbMysql.class.php 第 62 行.
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000591s SQL = SHOW COLUMNS FROM citycy_category
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000088s SQL = SELECT `catid` FROM `citycy_category` WHERE `catdir`='vi' LIMIT 1
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8192] preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead functions.php 第 118 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [2048] Only variables should be assigned by reference FbaseAction.class.php 第 68 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: forward FbaseAction.class.php 第 69 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8192] preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead common.php 第 79 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: userdata FbaseAction.class.php 第 105 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: userdata FbaseAction.class.php 第 105 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [2048] Declaration of ContentModel::add() should be compatible with Model::add($data = '', $options = Array) ContentModel.class.php 第 507 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [2048] Declaration of ContentModel::delete() should be compatible with Model::delete($options = Array) ContentModel.class.php 第 507 行.
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000758s SQL = SHOW COLUMNS FROM citycy_content
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000083s SQL = SELECT `cid` FROM `citycy_content` WHERE ( `url` = '201111/88.html' ) AND ( `status` = '9' ) LIMIT 1
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000112s SQL = SELECT * FROM `citycy_content` WHERE ( `url` = '201111/88.html' ) LIMIT 1
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000555s SQL = SHOW COLUMNS FROM citycy_content_article
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000085s SQL = SELECT * FROM `citycy_content_article` WHERE ( `cid` = '88' ) LIMIT 1
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000608s SQL = SHOW COLUMNS FROM citycy_model_field
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000075s SQL = SELECT `fieldid` FROM `citycy_model_field` WHERE `status`='1' AND `modelid`='1'
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000489s SQL = SHOW COLUMNS FROM citycy_content_tag
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000081s SQL = SELECT citycy_tag.name FROM `citycy_content_tag` LEFT JOIN citycy_tag ON (citycy_tag.tagid=citycy_content_tag.tagid) WHERE ( citycy_content_tag.keyid = 'c-88' ) ORDER BY citycy_tag.tagid DESC
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [2] Invalid argument supplied for foreach() ContentModel.class.php 第 416 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 199 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [2] strpos(): Empty needle ThumbField.class.php 第 21 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000094s SQL = SELECT * FROM `citycy_content` WHERE sort<1 AND catid=11 ORDER BY sort DESC LIMIT 1
[ 2022-10-04T14:46:41+08:00 ] SQL: RunTime:0.000061s SQL = SELECT * FROM `citycy_content` WHERE sort>1 AND catid=11 ORDER BY sort ASC LIMIT 1
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [2] Missing argument 1 for Ad::__construct(), called in C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php on line 259 and defined Ad.class.php 第 40 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [2] Missing argument 2 for Ad::__construct(), called in C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php on line 259 and defined Ad.class.php 第 40 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: type Ad.class.php 第 41 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: setting Ad.class.php 第 42 行.
[ 2022-10-04T14:46:41+08:00 ] NOTIC: [8] Undefined variable: html Ad.class.php 第 136 行.
加载文件 : 76
[0] => C:\wwwroot\www.citycy.com\index.php
[1] => C:\wwwroot\www.citycy.com\define.php
[2] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\ThinkPHP.php
[3] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\runtime.php
[4] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\defines.php
[5] => C:\wwwroot\www.citycy.com\front\Conf\paths.php
[6] => C:\wwwroot\www.citycy.com\front\Conf\core.php
[7] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php
[8] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Think.class.php
[9] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Exception\ThinkException.class.php
[10] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Log.class.php
[11] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\App.class.php
[12] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Action.class.php
[13] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\View.class.php
[14] => C:\wwwroot\www.citycy.com\front\Common\alias.php
[15] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\convention.php
[16] => C:\wwwroot\www.citycy.com\front\Conf\config.php
[17] => C:\wwwroot\www.citycy.com\data\config.inc.php
[18] => C:\wwwroot\www.citycy.com\data\config.cache.php
[19] => C:\wwwroot\www.citycy.com\front\Common\common.php
[20] => C:\wwwroot\www.citycy.com\front\Conf\routes.php
[21] => C:\wwwroot\www.citycy.com\front\Conf\tags.php
[22] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\debug.php
[23] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Model.class.php
[24] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Db\Db.class.php
[25] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Db\Driver\DbMysql.class.php
[26] => C:\wwwroot\www.citycy.com\data\cache\category_11.php
[27] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lang\zh-cn.php
[28] => C:\wwwroot\www.citycy.com\front\Lib\Action\FcontentAction.class.php
[29] => C:\wwwroot\www.citycy.com\front\Lib\Action\FbaseAction.class.php
[30] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\ORG\Util\Input.class.php
[31] => C:\wwwroot\www.citycy.com\include\Auth.class.php
[32] => C:\wwwroot\www.citycy.com\include\Act.class.php
[33] => C:\wwwroot\www.citycy.com\data\cache\front_act_cache.php
[34] => C:\wwwroot\www.citycy.com\front\Lib\Model\ContentextModel.class.php
[35] => C:\wwwroot\www.citycy.com\admin\Lib\Model\ContentModel.class.php
[36] => C:\wwwroot\www.citycy.com\include\Pager.class.php
[37] => C:\wwwroot\www.citycy.com\data\cache\model_1.php
[38] => C:\wwwroot\www.citycy.com\data\cache\modelField_1.php
[39] => C:\wwwroot\www.citycy.com\data\cache\modelField_2.php
[40] => C:\wwwroot\www.citycy.com\data\cache\modelField_4.php
[41] => C:\wwwroot\www.citycy.com\data\cache\modelField_6.php
[42] => C:\wwwroot\www.citycy.com\data\cache\modelField_7.php
[43] => C:\wwwroot\www.citycy.com\data\cache\modelField_8.php
[44] => C:\wwwroot\www.citycy.com\data\cache\modelField_9.php
[45] => C:\wwwroot\www.citycy.com\data\cache\modelField_10.php
[46] => C:\wwwroot\www.citycy.com\data\cache\modelField_11.php
[47] => C:\wwwroot\www.citycy.com\data\cache\modelField_12.php
[48] => C:\wwwroot\www.citycy.com\data\cache\modelField_13.php
[49] => C:\wwwroot\www.citycy.com\data\cache\modelField_14.php
[50] => C:\wwwroot\www.citycy.com\data\cache\modelField_15.php
[51] => C:\wwwroot\www.citycy.com\data\cache\modelField_16.php
[52] => C:\wwwroot\www.citycy.com\data\cache\modelField_20.php
[53] => C:\wwwroot\www.citycy.com\data\cache\modelField_21.php
[54] => C:\wwwroot\www.citycy.com\include\Field.class.php
[55] => C:\wwwroot\www.citycy.com\include\field\CatidField.class.php
[56] => C:\wwwroot\www.citycy.com\include\field\TitleField.class.php
[57] => C:\wwwroot\www.citycy.com\include\field\InputField.class.php
[58] => C:\wwwroot\www.citycy.com\include\field\ThumbField.class.php
[59] => C:\wwwroot\www.citycy.com\include\field\AttrField.class.php
[60] => C:\wwwroot\www.citycy.com\include\field\TextareaField.class.php
[61] => C:\wwwroot\www.citycy.com\include\field\EditorField.class.php
[62] => C:\wwwroot\www.citycy.com\include\Keylink.function.php
[63] => C:\wwwroot\www.citycy.com\include\field\BoxField.class.php
[64] => C:\wwwroot\www.citycy.com\include\field\TagField.class.php
[65] => C:\wwwroot\www.citycy.com\include\field\DatetimeField.class.php
[66] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Util\Template\TemplateSmarty.class.php
[67] => C:\wwwroot\www.citycy.com\include\Smarty\Smarty.class.php
[68] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%F8^F84^F844ADE2%%article_view.html.php
[69] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%71^714^714F4B17%%header.html.php
[70] => C:\wwwroot\www.citycy.com\include\Smarty\internals\core.load_plugins.php
[71] => C:\wwwroot\www.citycy.com\include\Smarty\internals\core.assemble_plugin_filepath.php
[72] => C:\wwwroot\www.citycy.com\include\tag\function.ffad.php
[73] => C:\wwwroot\www.citycy.com\data\ads\ad_1.php
[74] => C:\wwwroot\www.citycy.com\include\Ad.class.php
[75] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%80^806^80621A61%%footer.html.php