畢業(yè)設(shè)計(jì)論文Photoshop在網(wǎng)頁設(shè)計(jì)上的應(yīng)用

1、蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆

2、莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀

3、薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇

4、蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)

5、羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆

6、蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀

7、莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄

8、薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿

9、莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆

10、羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀

11、蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄

12、莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈

13、薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅

14、莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇

15、艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈

16、蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂罿芅螂蟻膅膁螁螄羈薀螀羆芃蒆蝿肈肆莂蝿螈節(jié)羋螈袀肄薆螇羃芀蒂袆肅肅莈裊螅羋芄蒂袇肁芀蒁聿莆蕿蒀蝿腿蒅葿袁蒞莁蒈羃膈芇蕆肆羀薅薆螅膆蒁薆袈罿莇薅羀膄莃薄螀羇艿薃袂節(jié)薈薂羄肅蒄薁肇芁莀薁螆肅芆蝕衿艿膂蠆羈肂蒀蚈蟻芇蒆蚇袃膀莂蚆羅莆羋蚅肇膈薇蚅螇羈蒃蚄衿膇荿螃羂 畢業(yè)設(shè)計(jì)論文 photoshop在網(wǎng)頁設(shè)計(jì)上的應(yīng)用 系 別： 信息工程系

17、專 業(yè)： 計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)學(xué)生姓名：指導(dǎo)教師： xxxx學(xué)院信息工程系2012年 6 月 日摘要計(jì)算機(jī)圖像技術(shù)的飛速發(fā)展，使個(gè)人電腦上的美術(shù)創(chuàng)作進(jìn)入一個(gè)新的階段，各種圖像處理軟件越來越完善，普及程度不斷提高。其中的圖像處理工具photoshop是目前公認(rèn)的、較好的通用平面美術(shù)設(shè)計(jì)軟件，它功能完善，性能穩(wěn)定，使用方便。使用photoshop平面設(shè)計(jì)軟件設(shè)計(jì)網(wǎng)頁簡(jiǎn)單實(shí)用，具有很多不可代替的優(yōu)點(diǎn)，為大眾所推崇。比如：通過photoshop的切片工具，可將一個(gè)完整的網(wǎng)頁切割許多小片，不僅方便上傳，也容易對(duì)每一張圖塊進(jìn)行單獨(dú)的優(yōu)化，同時(shí)利于瀏覽下載。在使用photoshop對(duì)網(wǎng)頁進(jìn)行設(shè)計(jì)和美工的過程中，所

18、需要掌握和了解的知識(shí)很多，顏色的搭配，版面的布局，以及人機(jī)交互的繁簡(jiǎn)性，都需要斟酌思考。 關(guān)鍵詞：photoshop；網(wǎng)頁設(shè)計(jì)；切片工具；顏色；布局 xxxxxx學(xué)院設(shè)計(jì)論文 目錄目 錄摘要 . 2第一章 概述 . 11.1 photoshop的簡(jiǎn)介 . 11.2 photoshop的運(yùn)行環(huán)境 . 3第二章 photoshop的平面設(shè)計(jì) . 42.1 設(shè)計(jì)特點(diǎn) . 42.1.1用計(jì)算機(jī)代替?zhèn)鹘y(tǒng)的設(shè)計(jì)工具 . 42.1.2信息處理能力強(qiáng)大、快速 . 42.1.3使平面設(shè)計(jì)走向產(chǎn)業(yè)化 . 42.2 設(shè)計(jì)原則 . 52.2.1 整體與局部相統(tǒng)一原則 . 52.2.2 知識(shí)性與趣味性統(tǒng)一原則 . 52

19、.2.3 藝術(shù)性與觀賞性統(tǒng)一原則 . 62.2.4獨(dú)創(chuàng)性原則 . 6第三章 photoshop的網(wǎng)頁設(shè)計(jì) . 73.1 網(wǎng)頁設(shè)計(jì)原則 . 73.1.1畫面內(nèi)容 . 73.1.2造型的組合 . 83.1.3色彩的運(yùn)用 . 83.2 網(wǎng)站的交互可用性 . 93.2.1眼動(dòng)造成的熱點(diǎn)效應(yīng) . 93.2.2注意力及可視項(xiàng)目 . 113.3 切片工具的使用 . 11第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì) . 134.1網(wǎng)頁功能概述 . 134.2網(wǎng)頁界面設(shè)計(jì) . 144.2.1背景及圖層文件夾 . 144.2.2登錄框 . 154.2.2 logo . 154.2.3 導(dǎo)航欄 . 154.2.4 信息發(fā)

20、布欄 . 164.2.5 切片處理及導(dǎo)出網(wǎng)頁 . 164.5網(wǎng)頁的整體設(shè)計(jì)效果 . 17第五章 總結(jié) . 18參考文獻(xiàn) . 19致謝 . 20 xxxxxx學(xué)院畢業(yè)設(shè)計(jì)論文 第一章 概述第一章 概述1.1 photoshop的簡(jiǎn)介adobe photoshop，簡(jiǎn)稱“ps”（其程序圖標(biāo)便是“ps” ）是一個(gè)由adobe systems開發(fā)和發(fā)行的圖像處理軟件。多數(shù)人對(duì)于photoshop的了解僅限于“一個(gè)很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用，實(shí)際上，photoshop的應(yīng)用領(lǐng)域很廣泛的，在圖像、圖形、文字、視頻、出版等各方面都有涉及。photoshop創(chuàng)始人的主要設(shè)計(jì)師thomaskno

21、ll的父親glennknoll是密歇根大學(xué)教授，同時(shí)也是一個(gè)攝影愛好者，他家地下室是一個(gè)暗房。他兩個(gè)兒子thomas和john從小就跟著爸爸玩暗房，但john似乎對(duì)當(dāng)時(shí)剛剛開始發(fā)行的個(gè)人電腦更感興趣；此后thomas也迷上個(gè)人電腦，并在1987年買一臺(tái)蘋果電腦（macplus）用來幫助完成他的博士論文。thomas發(fā)現(xiàn)當(dāng)時(shí)的蘋果電腦無法顯示帶灰度的黑白圖像，因此他自己寫了一個(gè)程序display。而他兄弟（也可能是哥哥）john這時(shí)在星球大戰(zhàn)導(dǎo)演lucas的電影特殊效果制作公司industrylightmagic工作，對(duì)thomas的程序很感興趣。兩兄弟在此后的一年多把display不斷修改為功

22、能更為強(qiáng)大的圖像編輯程序，經(jīng)過多次改名后，在一個(gè)展會(huì)上他們接受一個(gè)參展觀眾建議把程序改名為photoshop。此時(shí)的display/photoshop已經(jīng)有l(wèi)evel，色彩平衡，飽和度等調(diào)整。此外john寫了一些程序后來成為插件（plug-in）的基礎(chǔ)。他們第一個(gè)商業(yè)成功是把photoshop交給一個(gè)掃描儀公司搭配賣，名字叫做barneyscanxp，版本是0.87。與此同時(shí)john繼續(xù)在找其他買家，包括supermac和aldus都沒有成功。最終他們找到了adobe的russellbrown，adobe的藝術(shù)總監(jiān)。russellbrown在此時(shí)已經(jīng)在研究是否考慮另外一家公司letraset的

23、colorstudio圖像編輯程序。看過photoshop以后他認(rèn)為knoll兄弟的程序更有前途。在1988年7月他們口頭決定合作，而真正的法律合同到次年4月才完成。1xxxxxx學(xué)院畢業(yè)設(shè)計(jì)論文 第一章 概述2003年，adobe的creative suite套裝將adobe photoshop 8更名為adobe photoshop cs。因此，adobe photoshop cs5是adobe photoshop中的第12個(gè)主要版本。對(duì)cs更名也導(dǎo)致adobe眾多的軟件套件降價(jià)。adobe photoshop有兩個(gè)發(fā)行版本：標(biāo)準(zhǔn)版adobe photoshop和擴(kuò)展版adobe phot

24、oshop extended，擴(kuò)展版除包含標(biāo)準(zhǔn)版所有功能之外，還增加了3d處理功能、動(dòng)畫圖形編輯功能和高級(jí)圖像分析功能。adobe只支持windows操作系統(tǒng)和mac os操作系統(tǒng)版本的photoshop，但linux操作系統(tǒng)用戶可以通過使用wine來運(yùn)行photoshop cs5。google也正在透過wine資助linux版photoshop的研究。photoshop被人們認(rèn)為是最好的圖像處理軟件，但與著名的3d studio max一樣，昂貴的價(jià)格使其難以普及。但adobe不想失去中國(guó)大陸這塊市場(chǎng)，于是在2011年推出了“校園先鋒計(jì)劃”，價(jià)格低的令人大跌眼鏡，比如原價(jià)7707元的adob

25、e photoshop cs5 extended在此計(jì)劃中只賣349元。不過此計(jì)劃只面向大學(xué)生與高校教師。 圖 1-1 photoshop創(chuàng)始人之一thomes knoll 2xxxxxx學(xué)院畢業(yè)設(shè)計(jì)論文 第一章 概述1.2 photoshop的運(yùn)行環(huán)境 3石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第二章 photoshop的平面設(shè)計(jì)第二章 photoshop的平面設(shè)計(jì)photoshop在平面設(shè)計(jì)中扮演著極其重要的角色，它廣泛應(yīng)用于我們?nèi)粘Ｉ詈蛯W(xué)習(xí)工作的各個(gè)方面，首先淺談一下photoshop平面設(shè)計(jì)軟件具有特點(diǎn)和常用的設(shè)計(jì)原則。2.1 設(shè)計(jì)特點(diǎn)根據(jù)photoshop的功能和作用，總結(jié)其明顯的特點(diǎn)。2

26、.1.1用計(jì)算機(jī)代替?zhèn)鹘y(tǒng)的設(shè)計(jì)工具現(xiàn)代平面設(shè)計(jì)以計(jì)算機(jī)作為主要?jiǎng)?chuàng)作工具，利用 photoshop設(shè)計(jì)軟件提供的強(qiáng)大的工具和菜單功能，同時(shí)結(jié)合了各種傳統(tǒng)繪畫工具的特點(diǎn)，又能體現(xiàn)多種新的藝術(shù)風(fēng)格，使創(chuàng)作技法不斷推陳出新。2.1.2信息處理能力強(qiáng)大、快速photoshop 軟件在文字錄入、圖像掃描、圖像存儲(chǔ)、圖像編輯、特效處理等方面具有超強(qiáng)的處理能力，同時(shí)在圖文混排圖像輸出等方面的操作方便快捷。 設(shè)計(jì)效果所見即所得，修改快捷、方便。2.1.3使平面設(shè)計(jì)走向產(chǎn)業(yè)化photoshop軟件在平面設(shè)計(jì)中的應(yīng)用，極大地改變平面設(shè)計(jì)的作業(yè)環(huán)境，使藝術(shù)創(chuàng)作逐步走向標(biāo)準(zhǔn)化、工業(yè)化、產(chǎn)業(yè)化，社會(huì)上各種創(chuàng)作設(shè)計(jì)室如雨后

27、春筍般的發(fā)展壯大，提供豐富的就業(yè)機(jī)會(huì)，為哪些有藝術(shù)天賦而沒有藝術(shù)功底的人提供了廣闊的工作和生活天地。2.1.4促進(jìn)了藝術(shù)設(shè)計(jì)創(chuàng)意photoshop軟件革新了設(shè)計(jì)師的藝術(shù)語言與表現(xiàn)手法，同時(shí)促進(jìn)了創(chuàng)意的萌4石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第二章 photoshop的平面設(shè)計(jì) 發(fā)機(jī)制與深化過程，許多以前想到卻做不到的事，現(xiàn)在通過計(jì)算機(jī)能夠輕而易舉地實(shí)現(xiàn)。photoshop象一位神奇的魔法師，她可以在埃及的沙漠里建造出金字塔，然后將其輕輕地放在champs的愛麗舍宮上，這種逼真即使是巴黎人也不會(huì)看出有什么不妥； photoshop 象一位奇妙的藝術(shù)家，它可以使掃描的碎片和褪色的數(shù)碼相片看起來如同由高

28、級(jí)攝影師拍攝的無可非議的照片。2.2 設(shè)計(jì)原則phtoshop 現(xiàn)代平面設(shè)計(jì)的原則是根據(jù)平面設(shè)計(jì)的性質(zhì)和目的，針對(duì)平面設(shè)計(jì)的特點(diǎn)進(jìn)行制作，它一般遵循的原則如下。2.2.1 整體與局部相統(tǒng)一原則phtoshop平面設(shè)計(jì)的根本目的是通過平面設(shè)計(jì)作品為人們傳播直觀的信息，使人們獲得美感享受的同時(shí)獲得大量直觀的信息，充分表達(dá)用戶要求的主題，設(shè)計(jì)師通過完美的平面設(shè)計(jì)形式表達(dá)符合主題的思想內(nèi)容，這也是平面設(shè)計(jì)的根基，這就要求設(shè)計(jì)師在設(shè)計(jì)中強(qiáng)化整體布局，合理突出局部，使整體與局部合理地統(tǒng)一，使作品取得獨(dú)特的社會(huì)與藝術(shù)價(jià)值。整體與局部合理地統(tǒng)一，就是設(shè)計(jì)師在平面設(shè)計(jì)中要強(qiáng)化版面各種排版要素在版面中結(jié)構(gòu)與色彩具

29、有相互關(guān)聯(lián)性，通過版面的文圖間的整體組合與協(xié)調(diào)性的編排，使版面更具秩序美、條理美，從而獲得更好的視覺效果，力求作品的盡善盡美。2.2.2 知識(shí)性與趣味性統(tǒng)一原則phtoshop平面設(shè)計(jì)軟件具有強(qiáng)大的濾鏡功能，它能夠輕而易舉地實(shí)現(xiàn)設(shè)計(jì)師魔幻般的想法，激發(fā)設(shè)計(jì)師異想天開的創(chuàng)作靈感，平面設(shè)計(jì)作品中可以運(yùn)用一批夸張變形漫畫、卡通、有故事性的連環(huán)組畫表現(xiàn)科學(xué)幻想世界、神奇的太空景觀、物理上不能實(shí)現(xiàn)的各種現(xiàn)象等，模擬的活靈活現(xiàn)，生動(dòng)逼真，容易引起讀者的閱讀興趣，具有很大的商業(yè)價(jià)值。雖然能使讀者看起來饒有興趣，但5石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第二章 photoshop的平面設(shè)計(jì) 是這種趣味性必須建立在一

30、定的科學(xué)知識(shí)的基礎(chǔ)上，光與色彩的處理必須符合現(xiàn)實(shí)科學(xué)和生活，符合人的視覺特性，才能夠被人們充分地接受，作品才能夠具有實(shí)質(zhì)的社會(huì)和商業(yè)價(jià)值，沒有知識(shí)支撐的趣味性就像鏡中花水中月，使人們感覺到不真實(shí)。設(shè)計(jì)該真實(shí)地反映社會(huì)生活的方方面面，不能偏離客觀實(shí)際。2.2.3 藝術(shù)性與觀賞性統(tǒng)一原則phtoshop版面設(shè)計(jì)藝術(shù)性是使人們?cè)谛蕾p作品時(shí)能夠潛移默化地接受作品表達(dá)的主題內(nèi)容，充分領(lǐng)會(huì)到作品的意圖和設(shè)計(jì)師的意愿，這就要求設(shè)計(jì)師首先構(gòu)思立意，它是設(shè)計(jì)作品中所進(jìn)行的思維活動(dòng)，也是體現(xiàn)作品品質(zhì)的重要環(huán)節(jié)。立意完成以后，版面構(gòu)圖布局和藝術(shù)的表現(xiàn)形式就成為版面設(shè)計(jì)藝術(shù)的核心，這種藝術(shù)性就是要求平面設(shè)計(jì)達(dá)到意新形

31、美，變化而統(tǒng)一的藝術(shù)作品，并具有較好的審美情趣，使它具有良好的可觀賞性，藝術(shù)性與觀賞性相互統(tǒng)一，相得益彰，即使藝術(shù)性十分強(qiáng)烈，但如果人們不能夠充分觀賞，就不能夠領(lǐng)會(huì)到設(shè)計(jì)師的意圖，作品的藝術(shù)性就會(huì)大打折扣。2.2.4獨(dú)創(chuàng)性原則獨(dú)創(chuàng)性原則是平面設(shè)計(jì)中較為重要的原則，它是設(shè)計(jì)師個(gè)性的充分體現(xiàn)，它是設(shè)計(jì)師設(shè)計(jì)的作品相互區(qū)別的重要標(biāo)志 它的本質(zhì)上是突出個(gè)性化特征設(shè)計(jì)的原則，清楚地傳達(dá)設(shè)計(jì)作品中設(shè)計(jì)師個(gè)性化的理念和思想，表達(dá)設(shè)計(jì)師獨(dú)特的創(chuàng)作手段和方法 如：徐悲鴻的馬，齊白石的蝦，有時(shí)候鮮明的突出的個(gè)性是版面設(shè)計(jì)創(chuàng)意的靈魂。平設(shè)計(jì)必須遵循phtoshop的特點(diǎn)，掌握常用的設(shè)計(jì)原則，即將人的思想，素養(yǎng)、對(duì)藝

32、術(shù)的感悟及表現(xiàn)技法，創(chuàng)造性地運(yùn)用文字，圖形、色彩去設(shè)定構(gòu)圖和表現(xiàn)形式，在感知與思考，感性與理性的交互運(yùn)作中追求最合理的形式組合，形成好的作品。 6石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì)第三章 photoshop的網(wǎng)頁設(shè)計(jì)使用photoshop平面設(shè)計(jì)軟件設(shè)計(jì)網(wǎng)頁簡(jiǎn)單實(shí)用，具有很多不可代替的優(yōu)點(diǎn)，為大眾所推崇，比如：通過photoshop的切片工具，可將一個(gè)完整的網(wǎng)頁切割許多小片，不僅方便上傳，也容易對(duì)每一張進(jìn)行單獨(dú)的圖塊進(jìn)行優(yōu)化，以便于瀏覽下載。在使用photoshop對(duì)網(wǎng)頁進(jìn)行設(shè)計(jì)和美工的過程中，所需要掌握和了解的知識(shí)需要很多，顏色的搭配，版面的布局，以及人機(jī)

33、交互的繁簡(jiǎn)性，都需要斟酌思考。3.1 網(wǎng)頁設(shè)計(jì)原則好的網(wǎng)頁不僅僅是有一個(gè)好的外表，它還要將信息傳達(dá)給用戶，這可能要比起好看的外表重要得多，現(xiàn)在就談?wù)剮讉€(gè)重要的原則。3.1.1畫面內(nèi)容畫面設(shè)計(jì)是有原則的，無論使用何種手法對(duì)畫面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的原則：統(tǒng)一、連貫、分割、對(duì)比及和諧。統(tǒng)一，是指設(shè)計(jì)作品的整體性，一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會(huì)使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。連貫，是指要注意頁面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺上和心理上的連貫，使整

34、個(gè)頁面設(shè)計(jì)的各個(gè)部分極為融洽，猶如一氣呵成。分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來講，分割也可以被視為對(duì)于頁面內(nèi)容的一種分類歸納。對(duì)比就是通過矛盾和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法很多，例如：多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過強(qiáng)容易破壞美感，影響統(tǒng)一。和諧是指整個(gè)頁面符合美的法則，渾然一體。如果一件設(shè)計(jì)作品僅僅是色7石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 p

35、hotoshop網(wǎng)頁實(shí)例設(shè)計(jì) 彩、形狀、線條等的隨意混合，那么作品將不但沒有“生命感”，而且也根本無法實(shí)現(xiàn)視覺設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。3.1.2造型的組合在網(wǎng)頁設(shè)計(jì)中，我們主要通過視覺傳達(dá)來表現(xiàn)主題。在視覺傳達(dá)中，造型是很重要的一個(gè)元素。拋去是圖還是文字的問題，畫面上的所有元素可以統(tǒng)一作為畫面的基本構(gòu)成要素點(diǎn)、線、面來進(jìn)行處理。在一幅成功的作品里，是需要點(diǎn)、線、面的共同組合與搭配來構(gòu)造整個(gè)頁面的。通常我們可以使用的組合手法有秩序、比例、均衡、對(duì)稱、連續(xù)、間隔、重疊、反復(fù)、交插、節(jié)奏

36、、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況，選擇最適合的表現(xiàn)手法，這樣有利于主題的表現(xiàn)。 通過點(diǎn)、線、面的組合，可以突出頁面上的重要元素，突出設(shè)計(jì)的主題，增強(qiáng)美感，讓觀者在感受美的過程中領(lǐng)會(huì)設(shè)計(jì)的主題，從而實(shí)現(xiàn)設(shè)計(jì)的任務(wù)。 造型的巧妙運(yùn)用不僅能帶來極大的美感，而且能較好地突出企業(yè)形象，而且能將網(wǎng)頁上的各種元素有機(jī)的組織起來，它甚至還可以引導(dǎo)觀者的視線。3.1.3色彩的運(yùn)用色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象征生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木

37、的顏色，意味著純自然和生長(zhǎng)，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺，表示和平與圣潔。我們知道，顏色是光的折射產(chǎn)生的，紅、黃、藍(lán)是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。換一種思路，我們可以用顏色的變化來表現(xiàn)光影效果，這無疑將使我們的作品更貼近現(xiàn)實(shí)。色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當(dāng)中的一個(gè)復(fù)雜問題，它因人的年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、風(fēng)俗習(xí)慣、宗教信仰、生活環(huán)境、性別差異而有所不同。單純的顏色并沒有實(shí)際的意義，和不同的顏色搭配，它所表現(xiàn)出來的效果8石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)

38、計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì) 也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會(huì)給人帶來暖意。設(shè)計(jì)的任務(wù)不同，配色方案也隨之不同。考慮到網(wǎng)頁的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁安全色。但顏色的使用并沒有一定的法則，如果一定要用某個(gè)法則去套，效果只會(huì)適得其反。經(jīng)驗(yàn)上我們可先確定一種能表現(xiàn)主題的主體色，然后根據(jù)具體的需要，應(yīng)用顏色的近似和對(duì)比來完成整個(gè)頁面的配色方案。整個(gè)頁面在視覺上應(yīng)是一個(gè)整體，以達(dá)到和諧、悅目的視覺效果。 圖3-1 網(wǎng)站標(biāo)題和導(dǎo)航的基本色塊3.2 網(wǎng)站的交

39、互可用性網(wǎng)站的目的就是邀請(qǐng)用戶訪問和互動(dòng)。網(wǎng)站的設(shè)計(jì)者希望用戶以期望的方式使用網(wǎng)站，網(wǎng)站可用性可以用目標(biāo)與它交互的難易程度來衡量。不合理的網(wǎng)站會(huì)拒人于外，精心設(shè)計(jì)的網(wǎng)站設(shè)計(jì)的網(wǎng)站則將用戶導(dǎo)向預(yù)期的目標(biāo)。3.2.1眼動(dòng)造成的熱點(diǎn)效應(yīng)眼球追蹤是測(cè)量我們凝視的點(diǎn)，或者相對(duì)于頭部來說眼睛移動(dòng)的過程。眼球追蹤研究可以幫助估計(jì)瀏覽網(wǎng)站的用戶是否舒適地使用網(wǎng)站，以及他們理解網(wǎng)站背后的架構(gòu)和系統(tǒng)有多快。用戶眼球的第一運(yùn)動(dòng)聚焦于網(wǎng)頁的左上角，用戶瀏覽網(wǎng)頁時(shí)，首先觀察網(wǎng)頁的左上部和上層部分，之后再往下閱讀，瀏覽右邊的內(nèi)容用戶普遍的瀏覽方式呈現(xiàn)出“f”的形狀。保證網(wǎng)站內(nèi)容的重要要素集中于這些關(guān)鍵區(qū)域，以此確保讀者的

40、參與，在此放置頭條，副題，熱點(diǎn)以及重要文章，這樣可以吸引到讀9石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì) 者進(jìn)行閱讀，標(biāo)題能吸引眼球，確保網(wǎng)頁的所有相關(guān)鏈接暢通和有效，以讓讀者順利的通過網(wǎng)站進(jìn)一步搜索。視線往往只停留幾分之一秒，因此讀者會(huì)忽視橫幅廣告，而花哨的字體和格式被忽視，因此該努力保持網(wǎng)站的清爽，不要因?yàn)槿A而不實(shí)的表面，讓重要的信息被忽略。 圖3-2網(wǎng)頁中視點(diǎn)停留的熱點(diǎn)圖像 圖3-3 網(wǎng)頁中眼動(dòng)追蹤圖像10石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì)3.2.2注意力及可視項(xiàng)目注意力本身可以集中、分散和轉(zhuǎn)移。集中一般出于明確的需求、潛在

41、的興趣；分散則由于信息干擾和不可控的時(shí)間；轉(zhuǎn)移一般發(fā)生在需求探索階段。以網(wǎng)站信息結(jié)構(gòu)內(nèi)的各元素為單位，加上每個(gè)頁面的所有視覺元素，可以得到網(wǎng)站總的注意力“項(xiàng)”。用戶就是利用這些項(xiàng)去滿足自己的需求，交互設(shè)計(jì)則是這些項(xiàng)的描繪者、組織者。如果假設(shè)注意力有限，那么每個(gè)項(xiàng)分享到的注意力應(yīng)該是固定值。加上因?yàn)閭€(gè)體差異，興趣和需求的等級(jí)不同，便得到了以下公式。 圖3-4 注意力轉(zhuǎn)化率計(jì)算公式一般來說，交互設(shè)計(jì)的重頭工作是項(xiàng)設(shè)計(jì)。如確定信息結(jié)構(gòu)、元素詞典、視覺形式等。為什么說可視項(xiàng)數(shù)量越大，注意力越小呢？這是由認(rèn)知特點(diǎn)決定的。選項(xiàng)越 多，步驟越長(zhǎng)，人越需要耗費(fèi)理解力。理解力帶給人的壓力比較大，需要求助于向內(nèi)的

42、注意力，把注意力的任務(wù)屬性，轉(zhuǎn)向邏輯屬性，造成交互能力降低。加上對(duì)注 意力轉(zhuǎn)移所使用時(shí)間的預(yù)期，對(duì)鼠標(biāo)和鍵盤操作的苛求（體力），人們普遍反感冗長(zhǎng)的表單，頁面跳轉(zhuǎn)等情況。于是便出現(xiàn)了“響應(yīng)式展開”、“彈出泡”、“彈窗”、“標(biāo)簽”等交互形式。圖3-5網(wǎng)頁中項(xiàng)的組織和展3.3 切片工具的使用任何一個(gè)網(wǎng)頁都包含大量的表格, 難道這些表格都是設(shè)計(jì)者一點(diǎn)點(diǎn)設(shè)計(jì)出來的嗎? 其實(shí)不然, 現(xiàn)在很多的網(wǎng)頁都是使用photoshop編輯后再通過dreamweaver來輕松布局網(wǎng)頁表格。 11石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì) 圖3-6 在ps中對(duì)切片工具的使用 12石家莊職業(yè)技術(shù)

43、學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì)第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì)本網(wǎng)頁實(shí)例的設(shè)計(jì)，主要以學(xué)院信息工程系主頁的設(shè)計(jì)為例。4.1網(wǎng)頁功能概述本網(wǎng)頁要求實(shí)現(xiàn)以下功能： 網(wǎng)頁界面簡(jiǎn)潔、大方，色彩搭配合理。具有規(guī)范的版式，各版面布局合理。支持各種主頁模塊的添加，保證操作簡(jiǎn)單、便捷，實(shí)現(xiàn)交互的友善。在主頁添加最新的微博等交互內(nèi)容，支持登錄操作的表單。通過對(duì)進(jìn)網(wǎng)頁的需求分析，可以將本網(wǎng)頁的導(dǎo)航劃分為登錄框，導(dǎo)航，圖片錦集、系部介紹、系部新聞、通告通知、黨團(tuán)建設(shè)、實(shí)訓(xùn)基地、微博互動(dòng)、招生就業(yè)、招生聯(lián)系、合作伙伴。劃分布局如圖所示。 圖4-1 網(wǎng)站的劃分結(jié)構(gòu)13石家莊職業(yè)技術(shù)學(xué)院畢

44、業(yè)設(shè)計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì)4.2網(wǎng)頁界面設(shè)計(jì)4.2.1背景及圖層文件夾1.新建寬高為1004*1474的rgb圖像，背景為白色。2.建立各個(gè)圖層的文件夾，并重命名。2.新建圖層“背景”使用“漸變工具”在背景上端上充填一灰白色的漸變。3.在灰色的漸變背景上，使用“矩形工具”，繪出數(shù)個(gè)白邊小框作為背景底紋。圖4-2 網(wǎng)頁背景的顏色充填及底紋 圖4-3 圖層文件夾 14石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì)4.2.2登錄框1.使用“矩形工具”在背景的上端上制作出一條矩形，改變矩形的不透明度為32%，并設(shè)置其投影的樣式。2.在矩形上繼續(xù)制作兩個(gè)背

45、景為白色，邊框?yàn)榛疑木匦巫鳛榈卿浛?，使用“字體工具”輸入字體為：微軟雅黑，大小11，顏色為藍(lán)灰的學(xué)號(hào)，密碼等文字項(xiàng)。 圖4-3 登錄欄的樣式及字體4.2.2 logo1.使用“鋼筆工具”繪制藍(lán)灰色系標(biāo)，并在旁邊輸入文字，字體：漢鼎行楷，顏色藍(lán)，字體41。2.使用“圓角矩形工具”繪制一圓角矩形，在調(diào)整好其顏色和透明度后，在上輸入文字，格式：宋體，大小13。圖4-4 系標(biāo)及其文字的樣式4.2.3 導(dǎo)航欄1.使用“文字工具”輸入導(dǎo)航內(nèi)容，字體：黑體，顏色藍(lán)墨，字體17。2.使用“鉛筆工具”繪制導(dǎo)航之間的風(fēng)格線，并在文字下繪出淡藍(lán)色虛線。 15石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 photosho

46、p網(wǎng)頁實(shí)例設(shè)計(jì)圖4-5 導(dǎo)航文字格式4.2.4 信息發(fā)布欄1.使用“矩形工具”繪制一定長(zhǎng)度的白色矩形，設(shè)置其樣式為“投影”“描邊”2.使用“鋼筆工具”繪制一藍(lán)底的矩形，作為標(biāo)題欄的裝飾，并用“鋼筆工具”繪制一小橢圓，選中橢圓后，在圖層上進(jìn)行裁剪的處理。3. 使用“字體工具”輸入標(biāo)題，字體：黑體，大小15，顏色為藍(lán)灰?！案唷?文字按鈕使用字體：宋體，大小10，灰色。4.正文通過其后臺(tái)的設(shè)計(jì)決定，但基本的字體：宋體，大小13，顏色為藍(lán)灰。 圖4-6 網(wǎng)頁所有消息發(fā)布欄的基本4.2.5 切片處理及導(dǎo)出網(wǎng)頁1.使用“切片工具”對(duì)頁面的導(dǎo)航，欄目進(jìn)行細(xì)致的切割。2.選擇“文件”， 選擇“將優(yōu)化結(jié)果儲(chǔ)存為”，將作品以html的形式保存。 圖4-7 對(duì)網(wǎng)頁使用“切片工具” 16石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第四章 photoshop網(wǎng)頁實(shí)例設(shè)計(jì)4.5網(wǎng)頁的整體設(shè)計(jì)效果 圖4-8 信息工程系主頁的整體效果17石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 第五章 總結(jié)第五章 總結(jié)現(xiàn)在是it時(shí)代，幾乎沒有哪一行能和網(wǎng)絡(luò)脫離關(guān)系，因此網(wǎng)站的規(guī)劃與建設(shè)已經(jīng)成為一項(xiàng)專門職業(yè)。在網(wǎng)站規(guī)劃建設(shè)中，網(wǎng)頁美工布局設(shè)計(jì)是其至關(guān)重要的一環(huán)，它關(guān)系到網(wǎng)站能否吸引更多人的眼球，直接反映網(wǎng)站的點(diǎn)擊率，而點(diǎn)擊率正是網(wǎng)站的生命所在。所以網(wǎng)頁布局設(shè)計(jì)是否美觀、規(guī)范、合理