網頁版面設計 如何設計好網站? 捷盛電腦 陳文陞講師.

Slides:



Advertisements
Similar presentations
常用课件制作软件 —— 让我们共同来探讨课件制作 音频: Audition 、 Gold Wave 、 Samplitude 等。 视频: iFilm Edit 、 RealProducer 、 Premiere 等。 图像: Photoshop 、 Illustrator 、 CorelDraw.
Advertisements

4 第 4 章 网页的布局 设计站点地图,有助于突出网站的主题,确定网 站的内容。而对于每一个网页来说,最重要的除了网 页的内容以外,还有就是网页的风格和布局。一个格 局凌乱的网页,内容再精彩,也不能说是一个好网页 。
《数字图形图像设计》 PHOTOSHOP软件介绍
第1课 Photoshop CS3操作基础 1. Photoshop CS3在广告设计中的应用 学时:2学时 课题: 目的任务: 重点知识:
第1章 PhotoshopCS3 基本知识.
第10章 色彩与色调调整.
我的学习成果展示 德惠市第三中学 姜成立.
第1章 基础设计知识  学习目标 学习有关动画的相关知识,以及Flash入门中需要掌握的一些基本操作。主要内容包括Flash动画的特点、应用领域, Flash CS5的基本操作,Flash动画制作过程等。同时通过完成本章习题,更好地掌握本章知识点,为以后的学习打下基础。  学习重点 熟悉Flash动画的特点以及应用领域、Flash.
東南科技大學專用 PowerPoint 檔案 數位教材
上海市职业技能培训政府补贴项目 2014年4月8日.
3.3 信息的智能化加工 主讲人:万林.
教學網頁設計 多媒體網頁介紹 PhotoImpact Dreamweaver Flash 架設網站 謝慧民
專題製作 許惠淑.
作品《心贴芯电脑科技官网及网络管理系统实现》
第 1 7章 製作適用於網頁與行動裝置的影像.
第九章 應用軟體 對於一般使用者而言,應用軟體才是完成工作的最直接利器,隨著越來越多程式設計師及軟體資訊公司的投入,應用軟體的種類也越來越多,在本章中,我們將介紹許多目前市面上常見的應用軟體。
《平面图像处理》 精晶课程设计 厦门城市职业学院 计算机教研室.
07 網拍相片後製 7.1 商品攝影的重要性 7.2 如何讓自己的拍賣商品更有特色 7.3 調整相片尺寸 7.4 設計商品相片的版面 7.5 為版面加上文字標語及配色 7.6 加入去背的商品相片.
Adobe Illustrator Speaker:林昱志.
第一章 Photoshop CS4概述.
大学计算机.
財團法人技專校院入學測驗中心 資訊處黃建銘
第7章 图像的色彩处理 本章主要介绍使用框选类工具、套索类工具、“魔棒”工具等工具和命令创建规则和不规则选区,选区的编辑、移动与变换操作,选区范围的处理命令,选区的羽化等方法。另外,还介绍可选区的存储和载入的方法。通过学习用户可以对选区进行更为灵活的存储应用。
欢迎学习Photoshop CS基础教程 目 录 第9章:综合实例 第8章:ImageReady 第7章:滤镜的使用 第6章:通道和蒙版
許麗玲 高雄師範大學工業科技教育學系兼任講師 高雄縣鳳山市新甲國小資訊組長
第11章网页设计与ImageReady的应用
中文CorelDRAW12电脑设计.
项目① 初识CorelDRAW X4 本课件的文字及图片版权 均为南京凤凰康轩所有.
第6章 网页图像处理 通过本章学习,应该掌握以下内容: 能够选择合适的网页颜色 了解网页图像的基本格式 掌握使用网页图像的要点
第9章 平面图像处理基础 9.1 平面图像处理基本概念 9.2 Photoshop基础操作.
第5课 绘制与修饰图像 本章要点 具体要求 本章导读 上机练习 主讲教师:赵 渊.
驾驭教材之我见 初中信息技术 钢管公司中学 赵捷.
UI设计常识.
FrontPage 2003 網頁設計初階 國立臺灣師範大學 資訊中心(ITC) 陳 明 芳 先生
3-1 想做出甚麼樣的網站 現在您對網站、網頁已經有基本的概念了,不過要實際開始製作網站,還需要經過規劃的過程。本章中尚未開始動手設計網頁,而先來學習建立網站的重要觀念也就是網站的規劃與設定,首先您必須先對自己要建立的網站有基本的架構,才能動手建立網站,做好後續網頁設計的工作。可別看這個過程,這是能不能建構出一個好網站的重要關鍵,也是設計網站人員必須用心思考、規劃的部分。
97學年度嘉義市教師資訊應用評鑑研習(南興國中)
网页制作与设计 主编 耿 杰 科学出版社.
Photoshop CS5 五.影像的儲存、輸出與列印
网 站 设 计 与 建 设 Website design and developments
《网页色彩搭配》.
NAMO網頁製作教學簡報 講師:李惠茹.
網頁製作 網頁製作軟體 網頁瀏覽軟體 網頁圖像製作軟體 HTML語言 網站登錄.
第9章 Photoshop的灵魂 ——图层(上)
第1章 图像处理基本知识 本章简介: 本章将主要介绍图像处理的基础知识,包括位图与矢量图、图像尺寸与分辨率、文件常用格式、图像色彩模式等。通过对本章的学习,可以快速掌握这些基础知识,有助于更快、更准确地处理图像。
影像處理軟身操 數位影像的基本觀念與實作 劉明玲主講.
Photoshop 電腦影像處理簡介.
第18章 Dreamweaver与Photoshop的完美结合
第一章 數位影像的概念.
网站信息员 2011年2月.
任务一 认识Photoshop CS6.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
認識影像的形式 認識影像的擷取環境 認識影像的儲存格式 學習影像的處理工具 建立影像處理的能力
PPT外援篇 Photoshop 告别菜鸟三部曲 ——主讲:XXXXXXXXX 我第一次当老师,可能会有些啰嗦,还望各位童鞋海涵!
网页制作基础 授课老师: 黄露.
电子商务网站建设 (理论部分).
網頁製作 東海國中資訊組.
崑山科技大學 電子工程系 99學年度 學生實務專題成果展
大專院校美食網- 以新北市為例 商務科技管理專題 組 別: 第二組 專題成員: 方采薇 陳宜欣
國立宜蘭高商 多媒體設計科 羅慶文 老師.
网站信息员 2011年2月.
題目: 擴增實境式遊戲應用於國小自然教學 學校:崑山科技大學資訊傳播系 指導教授:柯玲琴 博士 研究生: 蕭峻傑, 林峻賢, 盧彥勝
W3C标准网页制作 主讲教师:张 涛.
平面设计软件——Photoshop 基础知识.
海报设计 (三)面 面一般是画面中的主角,即店铺商品。一些常见的店铺首页海报基本都是通过色块也就是“面”来设计画面的,需要注意的是面与面之间需要通过不同的排列来灵活对比,另外运用几何色块元素来突出画面背景与产品层次也是海报设计不错的选择。
電腦繪圖簡介 2019/5/15 明誠中學編製.
何謂gif動畫? GIF是Graphics Interchange Format的縮寫,意思是「圖像交換格式」
网页设计三合一教程 主讲教师 2019/6/2.
遮罩动画的概念 (1)什么是遮罩 “遮罩”,顾名思义就是遮挡住下面的对象。 “遮罩动画”是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。 在分析数据时,您经常会问及一些问题,如: 过去两年的招生情况反映出哪些倾向?有哪些异常情况?
多媒体技术 ——第8讲.
第4章 材质与贴图 4.1 材质的基本概念 4.2 材质编辑器 4.3 贴图 4.4 贴图坐标 4.5 材质类型 4.6 阴影类型
Presentation transcript:

網頁版面設計 如何設計好網站? 捷盛電腦 陳文陞講師

授課大綱 何謂「網頁設計」 網站設計軟體大觀園 網站設計的流程 網站建構的原則 網頁設計的原則 網頁版面設計 網站作品賞析 推薦書籍 如何設計好網站

何謂「網頁設計」 網站 v.s 網頁 網頁元素(文字、圖片、動畫、音效、影片…) 靜態網頁(HTML、CSS、DHTML…) 動態網頁(ASP、PHP、ASP.NET、JSP…) 多媒體網頁(含FLASH動畫的網站) WEB 1.0(單向) v.s WEB 2.0(雙向)

WEB 2.0

WEB 2.0

網站設計軟體大觀園 平面設計軟體(美工設計、視覺設計)  Adobe Photoshop CS3、Adobe Fireworks CS3、CorelDRAW Graphics Suite X3、Adobe Illustrator CS3、Ulead PhotoImpact 12 網頁設計軟體   Adobe Dreamweaver CS3、Microsoft Office FrontPage 2007、Adobe GoLive 9、Namo WebEditor 6、Nvu 1.0 多媒體設計軟體  Adobe Flash CS3 Professional、Autodesk 3ds Max 9、SWiSHmax 2

網站設計的流程 一、規劃期: 設定網站主題、資料蒐集與整理、建置網站架構圖 二、施工期: 網頁元件製作、網頁製作與測試 三、維護期:   設定網站主題、資料蒐集與整理、建置網站架構圖 二、施工期:   網頁元件製作、網頁製作與測試    網站空間申請、網站上傳、網站登錄 三、維護期:   網站定時更新及維護

網站建構的原則 網站的功能要正確、有效,例如網站搜尋、會員系統… 網頁設計需以使用者的需求為主,介面設計是否人性化? 功能性(Utility)  網站的功能要正確、有效,例如網站搜尋、會員系統… 易用度(Usability)  網頁設計需以使用者的需求為主,介面設計是否人性化?

網頁設計的原則 操作簡便 提高互動性 降低錯誤率 使用者導向 讓使用者越容易操作 如何有效率地完成使用者到網站的目的 避免暗喻導引的設計  讓使用者越容易操作 提高互動性  如何有效率地完成使用者到網站的目的 降低錯誤率  避免暗喻導引的設計 使用者導向  分析及了解使用者對於網站的整體觀感

網頁版面設計 螢幕尺寸(800x600 v.s 1024x768 px) 螢幕色彩(RGB v.s CMYK) 圖案格式(GIF v.s JPG v.s PNG) 主從關係 動線流暢 空間感 統一性

網頁版面設計 網頁版面風格(韓國 v.s 日本 v.s 歐美) 網頁模板參考

網站作品賞析 高美濕地暨社區入口網 浩天宮全球資訊網 台中縣清水鎮公所全球資訊網 台中縣梧棲鎮立圖書館 禾楓歐化廚具門板 巧登創意設計 綺利企業有限公司 三本貿易有限公司 前鋒營造有限公司

推薦書籍 http://www.books.com.tw/exep/prod/booksfile.php?item=0010242495 http://www.books.com.tw/exep/prod/booksfile.php?item=0010261670 http://www.books.com.tw/exep/prod/booksfile.php?item=0010350272 http://www.books.com.tw/exep/prod/booksfile.php?item=0010341744 http://www.books.com.tw/exep/prod/booksfile.php?item=0010258729 http://www.books.com.tw/exep/prod/booksfile.php?item=0010256559 http://www.books.com.tw/exep/prod/booksfile.php?item=0010258082 http://www.books.com.tw/exep/prod/booksfile.php?item=0010310271

如何設計好網站 參考網站 嘗試設計 問前輩的意見 討論想法 別怕失敗 盡量去做 99分的努力+1分的天份