《网页艺术设计》word版

1、蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿

2、蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀

3、肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀

4、膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈

5、膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿

6、芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿

7、节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇

8、艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈

9、莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈

10、莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆

11、莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇

12、葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈

13、蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆

14、膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆

15、腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇

16、膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅

17、芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅

18、芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃

19、艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄

20、莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄

21、莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂蒁螈羀袂膀薁袆袁芃螆螂袀莅蕿蚈衿蒇莂羇羈膇薇袃羇艿莀蝿羆莂薆螅羆膁荿蚁羅芄蚄羀羄莆蒇袆羃蒈蚂螂羂膈蒅蚇肁芀蚁薃肀莃蒃袂肀肂虿袈聿芄蒂螄肈莇螇蚀肇葿薀罿肆腿莃袅肅芁薈螁膄莃莁蚇膄肃薇薃膃膅荿羁膂莈蚅袇膁蒀蒈螃膀膀蚃虿腿节蒆羈膈莄蚁袄芈蒇蒄螀芇膆蚀蚆袃艿蒃蚂袂

22、蒁螈羀袂膀薁袆袁芃螆膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆

23、袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆

24、蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄

25、薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅

26、薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅

27、蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃

28、蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄

29、蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀蒄蚃肃羆蒃螅袆芅蒂薅肂芁蒁蚇羄膇蒁蝿膀肃蒀袂羃莁葿薁螅芇薈蚄羁膃薇螆螄聿薆蒆罿羅薅蚈螂莄薅

30、螀肈芀薄袃袀膆薃薂肆肂薂蚅衿莀蚁螇肄芆蚀衿袇膂虿蕿肂肈芆螁袅肄芅袃膁莃芄薃羄艿芃蚅腿膅节螈羂肁节袀螅莀莁薀羀芆莀蚂螃膂荿袄羈膈莈薄袁肄莇蚆肇莂莇蝿袀芈莆袁肅膄莅薁袈肀 网页艺术设计第一章 网页艺术设计概论一、网页设计的发展趋势网络已经不断演进并成为现代社会不可缺少的一部分，尽管网页设计会以人们意想不到的方式发生变化，可是我们有理由相信，人们对网页的视觉追求永无止境，这正是推动网页设计向前发展的主要因素。从发展趋势来看，网页设计会更加注重网页的创意和个性化。1、网页创意网页设计中的创意主要体现在设计观念、设计方法、设计元素等方面。创意是通过形象转换、元素转换、空间转换等方法构造新的视觉形式，并由

31、此产生不同的意境。2、网页的图形网页中的图形创意分抽象类和具象类两种。抽象类图形是通过点、线、面等视觉元素在一定的版面空间范围内有间隔地反复组合形成图形。它以连续、渐变、大小、长短、明暗、高低等变化手法来构成。同一视觉元素的反复出现，可构成视觉认知中虚实、强弱的对比，形成轻、重、缓、急的趋势，从而使人感觉到节奏的存在。3、个性化网页网页设计特别需要具有个性，不能忍受雷同。设计风格的形成不是偶然的，它是知识和智慧的必然结晶，也是设计本身的需要。设计风格的形成离不开设计元素、设计方法、设计个性。每一次设计的新“变化”都源于设计师对设计元素与设计方法的新发现或新理解。网页个性化已成为当今网页设计的新

32、标准。在网页设计中倡导网页设计风格，有利于网页的差异识别。优秀主页具备的六个条件满足6个条件就会给人留下好印象让人赏心悦目的优秀主页要具备6个条件。满足这些条件并不困难，任何人都能做到。具备了这些条件，就能做出令人满意的优秀主页。其中，4个是必要条什，2个是附加条件。4个必要条件使人产生信赖感以下4个条件是最基本的必要条件。虽然我们认为每一个条件都必不可少，但在实际应用中，所有条件都完备的主页是很少见的。然而在这4个条件中，缺少任何一个都会使访问者对网页的印象一落千丈，使得初次访问者不愿再次光临。条件1明示标题对于初次访问网站的读者来说，首要目的就是确认标题。那些晦涩难懂的标题会使难得光临的访

33、问者感到不知所措。虽然我们以美观和与众不同为设计日标，但如果吸引不了访问者，这个网页的设计和建设也是没有意义的。过于个性化的表现，会使网站内容的公开性受到质疑。条件2明示信息让访问者第一眼就明了表达的内容的网页才是最优秀的。如果访问者对信息的种类、是趣味性的网页还是商业性的，以及行业类型等问题能够一目了然的话，他才能安心地继续访问，对网页的好感也会逐步增强。所以我们运用排版样式、图像、文字的造型以及配色类型等元素来准确传递信息。条件4整理目录信息对于网页来说，最重要的就是信息内容。信息的品质与数量决定了人们对这个网页的评价高低。但首先要做到的是，怎样将读者顺利地引向信息内容。明确划分信息群，不

34、让读者产生迷惑，使之迅速找到所需要的信息，是目录设计最重要的任务。目录的整理决定了网页的可读性。条件5传达信任感4个必要条件之中，最难掌握的就是条件。但如果我们站在访问者的立场上，就很容易理解它了。举个例子：如果配色强烈的航空公司主页上排列着许多模糊不清的百货公司的照片，它自然不会拥有许多观众。因为画面的造型性太低会使整个主页失去信任感。2个附加条件增强效果在4个必要条件之外，还有2个附加条件。表现欢迎态度：传达欢迎的心情，给人感觉良好。加强说服力：给访问者留下深刻、强烈的印象。加上这两个条件，就能设计出更有竞争力的网页，但请注意，这两个条件不是绝对的。必要条件占优先地位有时过于强调附加条件，

35、反而使必要条件失去作用。例如，为了强化说服力而使用强烈的配色，虽然加深了印象，却削弱了标题和信息性，对条件和条件产生了负面作用。第一部分 首页的三个构成空间画面空间 空间的作用1、标题空间 明示标题（标题如同商店引人注目的招牌，要清楚，明确的表示出来，让访问者毫不犹豫、放心大胆的进入）2、欢迎空间 明示信息、表现欢迎态度（是被标题吸引进来的人在进入目录信息之前歇歇脚、休息一下的地方，相当于网页的玄关。在确认主页内容的同时，希望能够传达欢迎态度。）3、目录信息空间 整理目录信息（访问者希望能够总揽主页的全部信息，所以对大量信息的整理归纳、发掘共同点等为使网页更加引人入胜而下的工夫都是十分必要的。

36、当然，最重要的是要让访问者感觉到这是你为他着想而做的整理。）4、画面整体 传达信任感、加强说服力检索型首页这是典型的关于国际新闻的新闻检索型页面。刚劲有力的标题传达出强烈的可信度。舒服的对称式这是与上图相对的印象主体型主页。对目录信息进行控制的同时扩大欢迎空间，传递出欢乐和亲切的感觉。 = 1 * ROMAN I、标题空间（必要条件1明示标题）标题就是商店的招牌和住宅的门牌。如同门牌的位置要固定一样，标题也有一定的位置。为了使初次访问者不会产生迷惑，它通常位于页面的上端或中央。写在哪、怎么写以及对题目本身的探讨暂且不论，为了使访问者安心，标题一定要清楚明确地表示出来。1、标题应有的强度与其他文

37、字相比，标题的字号大一些、粗一点为宜。再加上鲜艳的色彩，标题就具有了适当的强度，画面整体的安定感也随之产生，访问者也能够放心查看了。2、与网页风格相和谐的标题优秀的设计使人第一眼就关注到标题。但是如果过度放大标题也是一种失败，应该选择与主页风格相和谐的字号、粗细及配色。 = 1 * ALPHABETIC A、大小、粗细要与标题相称越大、越粗、越有力量若要明确的表示标题，就要将标题文字放大、加粗，使其更醒目。在大小相同的情况下，加粗文字也能产生强化效果。作出几种大小、粗细不同的样例，看看哪一种文字最有吸引力，以找到完美的型号。检查一下标题字号是否太小小巧的字体显得格凋高雅，所以在以创建高品位网站

38、为目标的主页设计过程中，标题常常有缩小的倾向。字体缩小的程度是否合适，还需重新验证标题大小是否与最初的想法一致，再次确认不会使初次访问者产生困惑。大小合适是最重要的标题对页面整体的平衡效果非常重要。无视周围内容而将标题一味放大，就会显得庸俗；页面周围空间全部用白色填充的话，就会给人一种信息量少的印象；在希望突出格调的页面上，字型过大，就会显得过于活跃而内敛不足。所以应该选择与页面风格最相匹配的字号。即使是同样大小的字，粗细的变化也会在很大程度上改变印象。 = 2 * ALPHABETIC B、通过高色价明示标题鲜艳的色彩能够强化标题需要强化标题的时候，鲜艳的色彩不可或缺。同样大小、粗细的文字，

39、若换成鲜艳的颜色，强度马上就会增加。当基于特定风格的要求而不得不将文字缩小时，鲜艳的彩色能够有效的保持文字的强度，使标题得到强化，效果清晰，引人注目。强调主体性将标题加上鲜艳的颜色，视线就会集中在那里。正如舞台上突出主角能够使观众感到安心一样，将标题作为主体进行适当的强化，能够保持页面的稳定感；反之，如果辅助部分，如按钮或下划线的颜色过于鲜艳，以至强过标题部分，就会使整体画面显的松散混乱。所谓高色阶，是指鲜艳和耀眼的颜色色彩越鲜艳、纯度越高，色阶就越高。相对的，与白色及黑色越接近纯度越低色阶也越低。另一方面，如果几种低纯度颜色之间的对比较强烈，色阶也会提高。例如黑和白的组合，虽然两方纯度都为0

40、，但由于明度差最大，色阶也高。 = 3 * ALPHABETIC C、通过宽阔的领地衬托标题宽阔的领地起到强化标题的作用标题周围如果有大面积空白，标题的印象就会显得更加强烈。将文字和图像等视觉要素从标题周围移开，代之以空白，这块地方就叫做标题的领地。在标题的大小和配色都不变的情况下，仅仅通过扩展领地，也能达到强化标题印象的作用。通过扩展领地来强化弱效的标题标题的领地是指将标题周围的图像和文字移远而得到的空白部分。空白的部分为标题的支配空间，也就是我们所说的领地。领地越广阔，标题越醒目，主体性也就越强。表现都市、女性形象时，不便于使用效果强烈和色彩鲜艳的文字，这个时候就要开拓足够的领地，使小而弱

41、的标题文字也能具有强烈且醒目的效果。用广阔的领地传递优雅风格的同时，小字也与标题相搭配。 = 2 * ROMAN II、欢迎空间 = 1 * GB4 必要条件2明示信息标题与目录信息之间的部分是欢迎空间。这个空间是访问者被标题吸引进来后，看到目录信息前喘口气的休息场所。以餐厅为例，这里就是客人开门进来之后、被带到餐桌之前等候的地方。欢迎空间的两个作用：1、标明信息进入欢迎空间的人，会查明这里是否有与标题相同的信息。访问者会在欢迎空间再次确认自己先前从标题中得到的主页的大体印象。如果与预想的相反，访问者就会变得不安而急于返回了。欢迎空间是再次确认信息和获得安心感的地方。2、表达欢迎的态度欢迎空间

42、是在信息再确认的同时，进入目录信息前，能够得到放松的地方。这里应该是欢迎访问者，使他们感觉良好、心情愉快的地方。表达欢迎的方法多种多样，选择一个与主页特性相符的类型是最重要的。另一方面，在以检索为主体的页面中，有限度的表现欢迎是较为合适的。 = 1 * ALPHABETIC A、利用排版样式传递信息排版样式是不说话的口信即使图像与信息内容完全相同，排版样式的改变也会创造出两个完全不同的主页。如下图，版式采取对称型或是检索型所传递出来的信息是完全不同的：采用对称样式进行排版，页面格调高雅；采用检索型的左右对齐样式则给人带来信息丰富、热门的印象。版式对主页的影响不同于图片或标语，它的效果是平静的，

43、安稳的，但不知不觉中准确的传递了信息。慎重选择排版样式如果选择了与主页形象大相径庭的版式，那么有可能在一瞬间失去访问者。例如，本页中的三组图样是两两内容相同的主页，但是产生的印象却是截然不同的。这个差别就是排版样式的作用。当希望得到更多信息的人看到左图时，恐怕要失望而回了；而想见到轻松画面的人看到右图，也会希望落空。无论多么优秀的内容，若选错了版式，都会使整体努力落空。 = 2 * ALPHABETIC B、利用图片传递信息图片具有强烈的信息性能在一瞬间让人了解访问的主页是否与印象相同的就是图片。而其中又以能直接表现标题或主页信息的插图和照片最有说服力，它能够使访问者直接确认信息。传递信息的视

44、觉要素包括文字、色彩、形状和版式等等。其中图像的作用是决定性的。在打开主页一瞬间，图像几乎与标题文字同时映入眼帘，观众对主页的印象也就被确定下来。2、看图的一瞬间，信息就被确定下来寻找最合适的主题：下面介绍的cat world的照片，单看起来猫的照片效果很一般，但是当它被放在画面中心的时候，就不可思议的变得栩栩如生，光彩照人，这就是标题与内容的互动造成的效果。如果选择了与标题相配的主题，整个主页就生动起来。 = 3 * ALPHABETIC C、利用配色传递信息色调与色相决定整体印象配色决定整体印象。在配色中最基本的要素是色调和色相请参看下图的饭店主页，比较一下配色效果。绿色庭院的美丽和安静展

45、现了饭店环境的高雅格调。主页中最引人注目的是上端的9幅插图，使用了华丽多彩的表现手法。这种配色的特征就是“明色调”和“全色相型”。利用这种组合，充分表现出随意、自由的情趣。如果选错了色调或选错了色相，这种乐趣就无法表现出来了。错误的色调选择会破坏一切色调对主页具有绝对性影响。灰色调配色产生素雅的印象；鲜艳的色调配色产生健康活泼的印象。无论色相如何改变，这种基本印象是不会改变的。选择了与主页内容不相和谐的色调，会传递错误的信息，造成混乱。 = 2 * GB4 辅助条件3表示欢迎态度进入西餐厅时，如果没有人来招呼，客人就会默默离开。主页的设计也是一样。对初次来访的观众，要立即表示欢迎态度，用这种感

46、情来填补观众由于不知道网页的内容而产生的瞬间的迷惑。另一方面，欢迎的形式本身也是多种多样的，既有那种大声喊着“欢迎欢迎”的热烈场面，也有那种不言不语、只是微笑的温情的表示。但如果在区政府或是蛋糕房的门口大声喊“欢迎光临”就会让人摸不着头脑了，所以要选择与想传达的内容相称的欢迎样式。用图片表示欢迎态度（花束和可爱的卡通人物是欢迎的象征）欢迎过度，适得其反由于与主页的类型不符，过于强烈的欢迎反而起到负面效果。为了表示欢迎使用大量的图片，而减少标题和信息文字是本末倒置的行为。主页的必要条件是标题的明了、欢迎空间中的信息确认以及目录信息查找的方便，并不一定要有欢迎的表示。在以商业信息为中心的检索型主页

47、中出现欢迎标记反而会有负面的效果。 = 1 * ALPHABETIC A、通过色彩、形状和语言来表现明色调表现欢迎的情绪如果要用颜色来传递欢迎心情的话，就要有效的使用色相和色调的属性。鲜艳的红色给人以活力；柔和的色调让人平静；明色调则使人心情愉悦。2、吉祥图案是欢迎态度的证明龙、凤、鹤、龟等吉祥图案表现了喜庆的气氛，让人联想起新年、丰收、长寿的形象；现代的花环、桃心等是众人皆知的符号，便于传达欢迎的态度。用色彩和形象来表现，明亮的颜色，快乐的形象传递了欢迎态度。选用表示节日气氛的形象，在新春和生日庆祝时登场的喜庆形象也能表现欢迎态度。心形符号、驯鹿、星座、缎带等图形能让观者的情绪变得平和。语言

48、表示欢迎语言的视觉说服力比较低，与图像和色彩相比效果有限，但它可以传达确切的意思，所以适合用于需要保持身份、不愿进行视觉冒险的政府部门和研究机构的主页。计数器同样是欢迎的象征统计访问人数的计数器，同样是一种表示欢迎的形式。计数器上的数字不仅是单纯的数据，还传递了这样一个信息：这个主页是重视访问者的。 = 3 * ROMAN III、目录信息空间 = 1 * GB4 必要条件4整理目录信息首页所承载的文字信息有以下几类内容。无论网页的主题是什么，首页终归是菜单或表格之类的内容一览表。为了便于查询，应该采用最为通用的表现形式。选择形式，要重视联想与习惯人们在交流信息的过程中不知不觉养成了某些固定习

49、惯。例如在文件夹背后贴索引、在重点语句下添加下划线等，如果忽略这一切而去制作主页菜单，就会给查询造成障碍。参考大量的主页，找到与自己的信息相适合并利于查询的形式是很重要的。选择与内容相称的形式内容是主页的生命，所以应该尽最多登载一些新信息，但问题在于整理方法。我们希望能引导看到标题之后的访问者，将他们从混乱和迷惑中带出，直接接触真正的信息。因此，菜单和表格设置的清晰程度是非常重要的。张弛有致的分组将使网页变得更加亲切易懂。 = 2 * GB4 首页的表示形式丛中型到简易型的多种形式在首页中，主页的所有信息通过菜单展示出来。基本信息用门牌型或索引型表示比较合适，而每天更新的新闻用简单的下划线来表

50、示能给人以最新的热门消息的印象。这里介绍l1种表现形式，但不要受其局限。视觉要素的种类与菜单相关的视觉要素有照片、插图、绘画性的图标等等。另外，各种记号和下划线也能增强视觉性。将个人数据输入表格在订购商品、占卜等类型的网页中，访问者输入自己的数据信息的形式可分为选择型和键入型两种。其他表现形式到现在为止介绍的菜单和表格都是构成主页的核心要素。这些网页除了招牌兼做门牌的情况以外，还要尽可能去掉可以省略的要素。熟练运用这些要素，就可以增强欢迎气氛，做出更易于查看的网页。 = 3 * GB4 利用留白和划线进行分组分组在检索中心的主页上，应该尽可能多地安排文字信息。但是，内容过多又会显得十分杂乱，造

51、成查询困难。因此，在信息的安排整理上要格外注意。为了使大量的信息便于查询，采用分组(群化)的手段十分有效。让我们用通过利用空白和划线以及上色块进行分组吧。用空白进行分组最基本的分组方法就是制造空白。空白减少，字群就变成同一组；空白增加，就变成了若干组。然后再与划线一起运用，就能创造出更有效的分组。 = 4 * GB4 利用色块进行分组版面空间不够时用色块分组最合适用空白和画线进行分组时，如同其字面意义：有“空白空间是必要条件。但是用色块进行区分就不必占用空间，它在完全没有空白的版面上，也可以达到分组的效果。将留白和色块一起使用进行分组，效果最佳。色块产生的印象：色块对于分组十分有效，同时其自身

52、也传达出某种信息。有节制的色调给人的印象也是有节制的，而华丽的色调则生成华丽的印象。使用色块进行分组时，对网页整体的色彩印象也要有所规划。色调的选择方法：分组用的色块大致分为两种色调：对色彩有所控制，不改变整体的色调配色效果强烈，传达出积极的信息。其中产生典雅感和稳重感，产生活力 = 5 * GB4 标题的大小与行距标题的大小样本的正文是在苹果机上使用IE时的标准字体Osaka，所有字的大小都是一样的。与正文相配合的标题应该多大多粗才好呢?在漂亮的样本中寻找吧。选择合适的行间距如果没有特别的指定，行间距一般是125，即将正文设为100，两行字之间的空白是25。下面的样本行间距为125、130，

53、后面的以10递增。选择让人感觉舒服并且利于阅读的合适行距。 = 4 * ROMAN IV、画面整体 = 1 * GB4 必要条件5传达信任感信息内容相同，但为什么有些页面让人无法信服呢?原因就在于设计的完成度。主页给人的信任性虽然取决于信息的质量和数量，但同时它也被设计的成功与否左右着。造型的完成度增强时，产生信任感；降低时，则会丧失信任感。追求高度的造型性时，向设计师寻求帮助是个好办法。但实际上即使没有经过特殊训练的人，只要遵守基本原则，也可以保证一定的水准。这要比完全依赖设计师、拘泥于造型性而忽略必要条件，更能得到良好的综合效果。漂亮的排版遵循的原则：下图是以排版样式中的检索型(参照P.5

54、6)为基础，采用留白，降低文字的跳跃率(参照P90)制成的。利用明确表示了商业信息；利用表现出高雅的格调。因此可知，漂亮的排版不是糊里糊涂就产生的，是严格遵循一定的原理和原则而被设计出来的。 = 2 * GB4 漂亮的照片提升信任感照片的质量产生信任程度的差别快照谁都能拍。照相机和胶卷的方便使用使生手也能拍出生动的、给人以深刻印象的照片。但我们不能原封不动使用这些不经意之中拍下来的照片。如果随意登载了下图所示的有缺陷的照片，就会造成主页整体信任感的丧失。因此，在选用照片之前，一定要做充分的检查。合适的采光拍出精彩的照片即使是初学者，如果遵守基本原则，也能够拍出让人喜爱的照片。而这个原则就是，绝

55、对不要使用带有下表所示缺陷的照片。拍出优秀照片的关键是采光。从斜前方射来的光线，即顺光状态是最合适的。初学者应该避免正面光和逆光状态。 = 3 * GB4 通过配色和版式产生信任感人的眼睛十分敏锐即使不是设计专家，也能一眼看出主页的排版不平衡，从而对它失去信任，因为不安定的画面传达了不安定的情绪。打破整齐的版式能产生动感，增强随意性的乐趣。但是过度的破坏平衡，反而会使排版变得粗糙而混乱。因此要注意：不统一的排版会导致可信度的急剧下降。在打破版式平衡的基础上如果配色不当，就会变成俗气的网页，引起观者的不快。 = 4 * GB4 辅助条件6加强说服力有两种方法可以提高网页的说服力：一种是增强故事性

56、，另一种是提高造型性的紧张感。“故事性”就是插图照片的信息性。它使得网页即使不运用强烈的色彩也能增强说服力；即使是静止的画面，也能让人印象深刻。另外，将主题放在动物和人身上时说服力最强，故事性也最强。例如，蓝色的天空上飘着白云。在云上加上风吹的图画，就能增强信息性，使观者对后面的景像和意义产生种种联想。这就是故事性的效果。通过造型的紧张感加深印象用巨大的文字、强烈的色彩创作出来的画面能够提高说服力。造型的紧张感提高了，也可以说是网页变得更加显眼、有影响力了。但是，由于主页性质不同，所以造型的说服力也不见得是越强越好。与其草率地运用，以至于损害信任感，还不如有所节制的灵活选择。过强的说服力会产生

57、负面影响对于格调高雅的主页来说，说服力过强反而会起到负面效果。例如，将静逸的美术馆网页上添加漫画人物的插图，亲近感和活力感会增强，而宁静感会降低：反之，对于想避免冷淡和生硬、传达活力感的企业网站来说，那样的插图会更有效。我们并不是总要追求强大的说服力，而是要选择与目标信息相适应的强度。第二部分 排版样式在第1部分中，我们明确了主页的六个条件，即一个优秀的主页应该具备何种条件。下面将进入到正式的排版工作当中。排版工作的顺序从A、B中选出与目标形象最吻合的类型和样式，大方向就确定下来。已选定的骨架为基础，按照C、D、E，然后是第3、4部分的顺序逐步添加内容。A信息量的5种类型目标信息量，是5个阶段

58、中的哪个B排版的8种样式选择最适合目标主页的排版样式C空白空间（版面率）的确定留出大量空白的主页显得非常典雅D选择文字的型号字体、粗细、大小E提高造型的完整度隔开辅助造型，端正形状，制作动态第3部 图像、照片的作用第4部 配色的效果A信息量的5种类型选择出这5个阶段中的任何一种类型，主页风格的大方向就被确定下来。分析这5种类型的特点，研究目标主页属于哪一种类型：目标样式是在和之间呢，还是在和之间，在这个阶段要明确下来。第一步很重要如果在这里做出了正确的选择，那么后面作业中的困扰将被降到最低限度；如果在这个阶段尚处于模棱两可的状态，就匆匆进入下一个阶段，混乱就会大大增强，等到发现时，主页已经与设

59、想的目标大相径庭了。随后的版式选择、配色计划和插图选择也要被这里的类型左右着。 = 1 * GB3 检索型1、以文字信息为主体，图片少于5，这种检索型是只由文字信息构成的类型。图片极少，有按钮和图标就可以了。最大限度的登载了文字信息，如果想要突出内容，并使之便于查询，使用这种独特的样式是十分奏效的。它类似于报纸上热门消息的组织结构。2、将表示欢迎的信号控制在最低限度给人以商业性、不浪费空间、清晰明了的印象是这种类型的特征。将欢迎态度的表示控制在最低限度，强调出理性和商业性。不仅把图画缩得很小，在配色方面也十分讲究。以白底为主体的亮丽色调有效地传达了冷静的印象。3、白表现自由感和高贵感将空白减少

60、、文字信息增多，会增强新闻性。相反的，增加空白会产生宽裕感和自由感。空白量也叫做版面率。我们日常接触的印刷品中，报纸的版面率是最高的。与之相反，诗集和随笔集等书籍的版面率是比较低的。通过版面率去控制印象。 = 2 * GB3 准检索型略微增强欢迎态度的准检索型与前一页相比，稍微增加了一些图形要素，构成了文字与图像比例为2：l的排版类型。通过增加欢迎空间可以增强网页的开放感，给人以轻松、自由选择的印象。另一方面，它的检索性与相比也没有太大的变化，是最容易获得平衡的类型。2、色彩和图片的增加是主页气氛更开放这个阶段适合使用多种颜色。广泛运用色彩，能够创作出欢乐的画面。在白底上不仅使用蓝色和黑色等禁