第一篇：材料設(shè)計(jì)在UI界面中的體現(xiàn)

本科畢業(yè)論文（設(shè)計(jì)）

題 目：探析材料設(shè)計(jì)在UI界面中的體現(xiàn)

學(xué) 生： 王夢(mèng)琦 學(xué)號(hào)： 201106010224

系 別： 設(shè)計(jì)藝術(shù)系 專業(yè)： 藝術(shù)設(shè)計(jì) 入學(xué)時(shí)間： 2011 年 9 月 13 指導(dǎo)教師： 王淼 職稱： 講師 完成日期： 2015 年 5 月 12 日

誠(chéng) 信 承 諾

我謹(jǐn)在此承諾：本人所寫的畢業(yè)論文《探析材料設(shè)計(jì)在UI界面中的體現(xiàn)》均系本人獨(dú)立完成，沒有抄襲行為，凡涉及其他作者的觀點(diǎn)和材料，均作了注釋，若有不實(shí)，后果由本人承擔(dān)。

承諾人（簽名）：

年 月 日

探析材料設(shè)計(jì)在UI界面中的體現(xiàn)

姓名：王夢(mèng)琦

學(xué)號(hào)：201106010224

指導(dǎo)老師：王淼

摘要：隨著UI設(shè)計(jì)的不斷發(fā)展，近期出現(xiàn)了一種新的界面設(shè)計(jì)方向，它就是材料設(shè)計(jì)。論文以材料設(shè)計(jì)在UI界面中的體現(xiàn)為題，分析了材料設(shè)計(jì)的藝術(shù)特征，認(rèn)為材料設(shè)計(jì)不僅有豐富的視覺空間，還有統(tǒng)一的視覺動(dòng)效。進(jìn)而著重從界面風(fēng)格、布局、圖標(biāo)、按鈕四個(gè)方面，探討了材料設(shè)計(jì)在UI界面中的應(yīng)用，為UI界面提供了新的設(shè)計(jì)思路，同時(shí)開拓了視覺設(shè)計(jì)視野。

關(guān)鍵詞：材料設(shè)計(jì)、UI界面、系統(tǒng)動(dòng)效、界面風(fēng)格

Theory of material design in the UI

Name:WangMengqi Student Number:201106010224

Advisor:WangMiao

Abstract: With the continuous development of UI design, recently there is a new interface design direction, it is the material design.Thesis topic, reflected in the UI interface design are analyzed the art features of material design, think material design not only has the rich visual space, and unified visual effect.And emphatically from the interface style, layout, ICONS, buttons, four aspects, this paper discusses the application of material design in the UI interface, for UI interface provides a new design idea, develop the visual design view at the same time.Key word: Material design, UI interface, system dynamic effect, interface style

目 錄

引言

1.材料設(shè)計(jì)與UI界面 1.1材料設(shè)計(jì)的含義 1.2 UI界面的含義 2．材料設(shè)計(jì)的藝術(shù)特征 2.1豐富的視覺空間 2.1.1大膽的色彩對(duì)比 2.1.2鮮明的視覺層級(jí) 2.2統(tǒng)一的視覺動(dòng)效 2.2.1卡片式漸變 2.2.2交互性設(shè)計(jì)

3.材料設(shè)計(jì)在UI界面中的應(yīng)用 3.1材料設(shè)計(jì)在界面風(fēng)格中的體現(xiàn) 3.2材料設(shè)計(jì)在界面布局中的體現(xiàn) 3.3材料設(shè)計(jì)在界面圖標(biāo)中的體現(xiàn) 3.4材料設(shè)計(jì)在界面按鈕中的體現(xiàn) 結(jié)語 參考文獻(xiàn)

引 言

移動(dòng)設(shè)備的崛起帶來了用戶界面設(shè)計(jì)的變革，材料設(shè)計(jì)是近期出現(xiàn)的一種新的界面設(shè)計(jì)方向。材料設(shè)計(jì)通過視覺空間和視覺動(dòng)效來展現(xiàn)它的藝術(shù)魅力，其中的色彩搭配使得界面看起來非常的大膽，充滿色彩感，凸顯內(nèi)容。微妙的動(dòng)畫、陰影也使得用戶與材料設(shè)計(jì)的互動(dòng)更加有趣。在UI界面中，材料設(shè)計(jì)的界面風(fēng)格和布局都有了很大的改變，在圖標(biāo)和按鈕上也進(jìn)行了改進(jìn)，有很多令人愉悅的小細(xì)節(jié)，給用戶提供了一種新的體驗(yàn)?zāi)Ｊ?。材料設(shè)計(jì)不僅僅是一種視覺風(fēng)格的轉(zhuǎn)變，而是一種設(shè)計(jì)語言和思維方式的演變，它將引領(lǐng)UI設(shè)計(jì)的潮流趨勢(shì)。1.材料設(shè)計(jì)與UI界面 1.1 材料設(shè)計(jì)

Google今年推出了新的移動(dòng)設(shè)計(jì)方向“Material Design”，我把它翻譯成“材料設(shè)計(jì)”?！安牧稀笔欠N隱喻，即空間的合理化及系統(tǒng)動(dòng)效的統(tǒng)一。2014年, 扁平化設(shè)計(jì)是最流行的UI設(shè)計(jì)趨勢(shì)，而它的“過于平”也引起了一番熱論，但材料設(shè)計(jì)在扁平化上作了微妙的漸變，層次感和動(dòng)畫，保留了意義上的有形世界。所以，我們可以形象的理解材料設(shè)計(jì)是“向擬物回跳一下的扁平化設(shè)計(jì)”，但材料設(shè)計(jì)本身又是獨(dú)立的。

材料設(shè)計(jì)的中心思想，便是把物理世界的體驗(yàn)帶進(jìn)屏幕。將現(xiàn)實(shí)世界中紙張的特性挪到電子屏幕里，在“紙”上呈現(xiàn)信息內(nèi)容，給用戶一種貼近真實(shí)的體驗(yàn)，讓整個(gè)界面看起來簡(jiǎn)潔、直觀，讓人眼前一亮。當(dāng)前，Android 7的WPS就是基于材料設(shè)計(jì)的全新設(shè)計(jì)，業(yè)內(nèi)專家表明:材料設(shè)計(jì)或?qū)⒊蔀閷恚眨山缑嬖O(shè)計(jì)的趨向，這類設(shè)計(jì)理念讓安卓界面在體驗(yàn)上更加新穎和簡(jiǎn)潔。1.2 UI界面

UI的意思就是用戶界面，用一句話概括就是人和工具之間的界面。在我們生活中，界面同樣體現(xiàn)在某一些方面，比如看電視的時(shí)候遙控器和屏幕就相當(dāng)于這個(gè)界面。它不僅僅是由用戶與界面兩個(gè)部分組成，同時(shí)還包含著用戶與界面之間的交互關(guān)系。

JefRaskin在《人本界面，交互式系統(tǒng)設(shè)計(jì)》一書中指出“就消費(fèi)而言，界面就是產(chǎn)品?！痹谶@里，界面包括產(chǎn)品外觀和產(chǎn)品的交互行為。一個(gè)美觀而不失實(shí)用的界面會(huì)給人帶來輕松舒適的視覺享受，它會(huì)吸引用戶去探索，去發(fā)現(xiàn)有趣之處，拉近人與電子設(shè)備之間的距離，讓用戶樂于使用。界面設(shè)計(jì)并不是僅僅為了美觀，他需要為用戶而設(shè)計(jì)，需要考慮用戶的使用環(huán)境與使用方式，它是考慮用戶主觀情感的科學(xué)性的藝術(shù)設(shè)計(jì)。2.材料設(shè)計(jì)的藝術(shù)特征

2.1 豐富的視覺空間 2.1.1 大膽的色彩對(duì)比

用戶第一次看到一個(gè)UI界面時(shí)，會(huì)對(duì)色彩留下最深刻的映象，因此色彩是UI界面設(shè)計(jì)中不可缺少的視覺元素。如圖1，材料設(shè)計(jì)崇尚多彩，但它并不使用那種很艷麗的顏色，大多采用清新靚麗的色彩，清爽的頁(yè)面通常都離不開白色背景的映襯。為過于艷麗讓人感覺到俗氣。

在材料設(shè)計(jì)中，界面一般采用不同的色調(diào)來區(qū)分各個(gè)欄目的主題，而部分細(xì)節(jié)的處理則喜歡用靚麗分明的色條或色塊。如圖2，工具欄大塊區(qū)域采用了藍(lán)色為主色，而狀態(tài)欄采用了比主色稍深的藍(lán)色。如圖

3、圖4用靚麗的色條來強(qiáng)調(diào)標(biāo)題，同時(shí)強(qiáng)調(diào)色可被用來當(dāng)做按鈕和控件或開關(guān)和滑塊。

2.1.2 鮮明的視覺層級(jí)

假如某篇文章的標(biāo)題比內(nèi)容概述更重要，標(biāo)題就應(yīng)該有更多視覺主導(dǎo)力。主導(dǎo)元素是所敘述故事的起點(diǎn)，是用戶接觸設(shè)計(jì)的入口，能夠?qū)⒂脩糇⒁饬Φ谝粫r(shí)間吸引到設(shè)計(jì)師希望用戶注意的地方。為了最快的吸引用戶注意，可以通過對(duì)比、強(qiáng)調(diào)、圖5

圖6 圖 2

圖3

圖4 圖 1 同時(shí)將本來靚麗的色彩加入一點(diǎn)點(diǎn)的灰色，不但讓圖案變得生動(dòng)起來，又不會(huì)因和相對(duì)的視覺重量建立主導(dǎo)地位元素。如圖5,是材料設(shè)計(jì)在Feedly閱讀器里的應(yīng)用，圖中的主導(dǎo)元素是頂部的圖片，占據(jù)了最大的面積，深色圖片底下大面積白色區(qū)域與圖片形成對(duì)比，打造出鮮明的用戶界面，吸引用戶關(guān)注。圖片上的“Food”字樣可能是頁(yè)面最重要的信息，清晰闡述此頁(yè)面的主題。在一個(gè)設(shè)計(jì)中，首先突出主導(dǎo)元素，其次就應(yīng)該強(qiáng)調(diào)焦點(diǎn)。如圖6，此頁(yè)面主導(dǎo)元素是人物圖片，與周圍的字體形成本質(zhì)對(duì)比，而它的焦點(diǎn)是圖上加粗的黃色字體“GIRL”，旁邊 的播放按鈕也是焦點(diǎn)之一，從而構(gòu)建出視覺層級(jí)、視覺意義以及視覺聚焦。2.2 統(tǒng)一的視覺動(dòng)效 2.2.1 卡片式漸變

在材料設(shè)計(jì)上，動(dòng)效的理念有著相通的原理。動(dòng)效連接于整個(gè)應(yīng)用的程序流程，表達(dá)了設(shè)計(jì)的先后關(guān)系，尤其是關(guān)于產(chǎn)品的連續(xù)性來講，用戶根本沒有中斷的感覺，在材料設(shè)計(jì)中，使用了漸變的方式讓界面流暢、舒適。UI界面的漸變是通過畫面基本形象有序地、漸進(jìn)地變動(dòng)而形成如夢(mèng)如幻的、似音樂旋律般的視覺效果，這樣使畫面具有極強(qiáng)的觀賞性和秩序感。如圖7，在主頁(yè)瀏覽視圖里包含一列卡片，當(dāng)你點(diǎn)擊一個(gè)卡片時(shí)，卡片將不再是一張卡片的大小，而是將延展到全屏幕。因此，“魔法紙片” 是材料設(shè)計(jì)中最重要的信息載體。紙片層疊、合并、分離，具有現(xiàn)實(shí)中的厚度、慣性和反饋，也具有液體的某些特性，可以自由伸展變形。如圖8，它同時(shí)運(yùn)用了材料和動(dòng)效，卡片就是所謂的材料，當(dāng)用戶與其交互時(shí)，通過動(dòng)效卡片延展來顯示更多內(nèi)容。這樣給用戶帶來的視覺效果是連續(xù)的，告訴用戶他們?nèi)绾问褂?，如何讓他們的操作影響到界面?/p>

2.2.2 交互性設(shè)計(jì)

動(dòng)效的快速反饋，可以讓用戶感到信任和快樂。當(dāng)用戶與應(yīng)用交互時(shí)所反饋的動(dòng)效不僅要實(shí)現(xiàn)美感，符合物理邏輯，而且能夠給用戶帶來樂趣。反饋動(dòng)態(tài)效果的設(shè)計(jì)必須深思熟慮且具有針對(duì)性，而不能隨性設(shè)計(jì)，反饋動(dòng)效應(yīng)溫和，不讓用戶分心，鼓勵(lì)用戶進(jìn)一步探索應(yīng)用。

材料設(shè)計(jì)具備快速反饋動(dòng)態(tài)效果的特性，它讓用戶充滿期待，觸摸、語言、鍵盤及鼠標(biāo)是首要考慮的輸入模式。雖然UI元素是可見的，但是在物理上被限制在了設(shè)備屏幕之內(nèi)。視覺線索和動(dòng)態(tài)效果可以為用戶和設(shè)備之間建立溝通的橋梁提供線索，讓用戶確認(rèn)自己的輸入有用，繼而引導(dǎo)用戶操作。動(dòng)效的加入，讓用戶與應(yīng)用之間的溝通真實(shí)、有效，將應(yīng)用帶到了新的高度。如圖9和圖10，是材料設(shè)計(jì)應(yīng)用于Feedly閱讀器。在Feedly閱讀器中，最重要的轉(zhuǎn)場(chǎng)是打開文章和關(guān)閉文章。過程當(dāng)中，用戶在文章的列表和文章內(nèi)容中切換。如圖9，當(dāng)用 圖7

圖8

戶點(diǎn)擊文章預(yù)覽時(shí)，應(yīng)用會(huì)出現(xiàn)點(diǎn)擊漣漪效應(yīng)來提供即時(shí)反饋，然后整個(gè)效果會(huì)擴(kuò)大充滿整個(gè)文章預(yù)覽元素。同樣，當(dāng)用戶關(guān)閉文章時(shí)，這種效果也會(huì)在頂欄中出現(xiàn)。這是表面的反饋,漣漪效應(yīng)使用戶知道他的操作有用，給予用戶帶入感，讓用戶的注意力不分散，同時(shí)感受到小趣味，繼而引導(dǎo)用戶進(jìn)行下一步操作。當(dāng)用戶在雜志視圖中預(yù)覽圖片時(shí)，點(diǎn)擊圖片后，文章會(huì)在轉(zhuǎn)場(chǎng)過程中逐漸放大，內(nèi)容會(huì)漸顯過來，而圖片會(huì)用漸隱來過渡，它們會(huì)

圖9 移動(dòng)到相應(yīng)的位置。有時(shí)在預(yù)覽圖中沒有出現(xiàn)在第一屏，然后在轉(zhuǎn)場(chǎng)時(shí)漸顯文章的內(nèi)容，縮略圖也漸隱來過渡。整個(gè)切換過程流暢、自然，不會(huì)讓用戶感到突兀，提高了用戶體驗(yàn)的整體美感。如圖10，當(dāng)用戶點(diǎn)擊了列表中的文章預(yù)覽區(qū)域時(shí)，模塊將會(huì)向上升起，形成屬于這篇文章的一個(gè)新的平面，考慮到視覺上的連續(xù)性，這個(gè)新平面會(huì)被放大，它成為最主要的一個(gè)面，同時(shí)文章的內(nèi)容也漸漸顯現(xiàn)出來。整個(gè)移動(dòng)過程有意義、有秩序，引導(dǎo)著用戶的關(guān)注力，將最要的信息內(nèi)容傳遞給用戶。

3.材料設(shè)計(jì)在UI界面中的應(yīng)用 3.1 材料設(shè)計(jì)在界面風(fēng)格中的體現(xiàn)

圖10 視覺設(shè)計(jì)風(fēng)格是指界面所具有的特有的氣質(zhì)。后現(xiàn)代主義這種風(fēng)格在UI界面的設(shè)計(jì)中占很大的比例，主要表現(xiàn)為波普風(fēng)格和抽象風(fēng)格。波普風(fēng)格主要是以明朗亮眼的色彩、新奇的搭配圖案和強(qiáng)烈的色彩對(duì)比來刺激用戶的注意力。而抽象風(fēng)格會(huì)給用戶帶來很大的聯(lián)想的空

圖11 間，通過點(diǎn)、線、色彩、面塊、形體、構(gòu)圖來傳達(dá)。材料設(shè)計(jì)的界面風(fēng)格總的來

說是“鮮明、形象、深思熟慮”的。如圖11，頁(yè)面運(yùn)用了留白，移除了所有可有可無的元素，搜索框吸引了用戶全部的注意力，引導(dǎo)用戶去搜索。留白是抽象風(fēng)格中常見的一個(gè)運(yùn)用手法，它們的存在并不是單獨(dú)的，而是為了烘托主體元素，它們和主體元素是相互依托的關(guān)系。這樣給用戶一種簡(jiǎn)潔、明了、清新的感覺。而在顏色選擇上材料設(shè)計(jì)的原則是“大膽、圖形化、有意義”，提倡一種主色，一種互補(bǔ)色，運(yùn)用巧妙的色彩搭配、點(diǎn)、線、面塊等使得整個(gè)界面看起來非常大膽、充滿色彩感，凸顯內(nèi)容。如圖12，分別是具有波普風(fēng)格的圖畫和材料設(shè)計(jì)的界面風(fēng)格，從色彩上看，主要以紅、黃、藍(lán)三原色為主，色彩明快，色塊層次分明，讓人眼前一亮。而白色的適當(dāng)點(diǎn)綴，又平衡了空間的色彩關(guān)系，給用戶一種舒適的感覺。從搭配的圖案上看，單色與拼接圖案的結(jié)合，充滿趣味，吸引用戶眼球的同時(shí)，也治愈了用戶的“審美疲勞”。

3.2 材料設(shè)計(jì)在界面布局中的體現(xiàn)

界面設(shè)計(jì)中的布局就是在有限的空間里對(duì)屏幕中的元素依據(jù)規(guī)律排列組合，而一個(gè)漂亮、易讀的排版離不開基本骨骼系統(tǒng)。骨骼設(shè)計(jì)系統(tǒng)在界面排版中要遵循一些基本原則，其中包括對(duì)齊原則、比例適度、留白、秩序美等。從圖13中可以看出，材料設(shè)計(jì)運(yùn)用了“基線”對(duì)齊原則，同時(shí)利用骨骼線把文字、圖形、線條按照一定的比例整體組合，使整個(gè)界面具有清晰明了的視覺秩序美，讓用戶得以快速閱

圖13

圖12 讀信息，并有一種輕松、舒適的感覺。同時(shí)，視覺流程在界面布局中也尤為重要。當(dāng)我們?yōu)g覽界面時(shí)，用戶首先會(huì)快速粗略地瀏覽頁(yè)面，大致形成第一印象，接著視線就會(huì)從最吸引注意力的一點(diǎn)開始依次瀏覽，最后完成信息的傳遞。這就是視覺流程。如圖14，用戶第一眼會(huì)看到鬧鐘，接著視線會(huì)移到右側(cè)，右側(cè)卡片利用線條的分割、視覺元素的排列，帶動(dòng)用戶根據(jù)設(shè)計(jì)的引導(dǎo)流程進(jìn)行有效的視覺交互和信息傳遞。在材料設(shè)計(jì)中，布局上注意文字以及圖片分量相當(dāng)，在使用元素的同時(shí)注意元素在整個(gè)布局上面的呼應(yīng)，在布局節(jié)奏感的把握上，注重疏密搭

配。界面的編排是為了突出主要信息為目標(biāo)，讓用戶可以關(guān)注到重要的點(diǎn)，同時(shí)組織頁(yè)面的設(shè)計(jì)元素，合理引導(dǎo)視覺。如圖15，是材料設(shè)計(jì)對(duì)頁(yè)面的編排，它將構(gòu)成要素進(jìn)行了巧妙合理的安排，是整個(gè)界面具有層次感和條理性。其中恰如其分的采用余白，使文字更加突出，具有更強(qiáng)烈的視覺感染力，使畫面富有韻律。

3.3 材料設(shè)計(jì)在界面圖標(biāo)中的體現(xiàn)

圖標(biāo)是一種可視性很強(qiáng)的圖像語言。它相對(duì)于UI界面就好像公共系統(tǒng)中的標(biāo)志，雖然它只是界面中一個(gè)極小的點(diǎn)，卻可以引導(dǎo)訪問者最方便、快捷的方式瀏覽和使用整個(gè)界面。圖標(biāo)是具有標(biāo)志意義的視覺符號(hào)，所以在材料設(shè)計(jì)中需要著重考慮圖標(biāo)的視覺感覺和視覺沖擊力。如圖16，圖標(biāo)具有很強(qiáng)的視覺表現(xiàn)力，有豐富的色彩和簡(jiǎn)單明了的幾何圖形組成，線條分明，和諧的明暗關(guān)系使圖標(biāo)立體起來，富有韻律感。同時(shí)色彩艷麗的圖形由白

圖16

圖14

圖15 色來襯托美麗，整體簡(jiǎn)潔大方，但又不失活潑跳躍，提高了整個(gè)“顏值”。

UI界面圖標(biāo)主要分為入口功能和操作功能，導(dǎo)航性圖標(biāo)具有入口功能，它是UI界面的方向標(biāo)志，它能指引用戶如何進(jìn)入界面的不同區(qū)域，當(dāng)你點(diǎn)擊它時(shí)，就會(huì)出現(xiàn)一個(gè)子頁(yè)面。如圖17。而操作命令圖標(biāo)圖標(biāo)具有操作功能，它所指示的內(nèi)容是各種交互功能、步驟等，界面工具條中包括的小圖標(biāo)都屬于操作命令，它們可以幫助用戶實(shí)現(xiàn)一些操作，引導(dǎo)用戶去使用，如圖18。操作功能的圖標(biāo)在完成點(diǎn)擊操作之后，通常會(huì)轉(zhuǎn)為對(duì)應(yīng)的另一種形態(tài)。如“返回”與“菜單”，“收藏”與“已收藏”的狀態(tài)之間切換，這樣的設(shè)計(jì)里，在兩種狀態(tài)之間切換圖標(biāo)經(jīng)常讓用戶感覺到生硬，而點(diǎn)擊圖標(biāo)動(dòng)畫后用戶會(huì)得到更佳強(qiáng)烈的反饋，使用戶感到有趣，并且讓界面生動(dòng)，活潑起來。

圖17

圖18

3.4 材料設(shè)計(jì)在界面按鈕中的體現(xiàn)

按鈕能夠提示觀眾，引起用戶注意，好的按鈕設(shè)計(jì)可以將界面主題化、形象化、生動(dòng)化，引導(dǎo)更多是用戶瀏覽頁(yè)面、接受信息的傳達(dá)。按鈕一般較小，往往采用與背景對(duì)比較強(qiáng)烈的色彩以引起注意，同時(shí)與整個(gè)界面協(xié)調(diào)。

浮動(dòng)按鈕是材料設(shè)計(jì)中比較重要的一個(gè)體現(xiàn)，如圖18，浮動(dòng)按鈕通過圓形元素與分割線、卡片、各種直線形成鮮明對(duì)比，并使用色彩設(shè)定中鮮艷的輔色，給用戶帶來更具突破性的視覺效果。浮動(dòng)按鈕的大小分為默認(rèn)大小和迷你兩種。當(dāng)需要和屏幕上的其余元素產(chǎn)生視覺上的延續(xù)性時(shí)，一般使用迷你版的浮動(dòng)按鈕。如圖19，Today是一款日歷應(yīng)用程序，是材料設(shè)計(jì)應(yīng)用于其中的一個(gè)應(yīng)用，美麗的懸浮響應(yīng)按鈕將日歷和日程分開，靈動(dòng)的同時(shí)又不失使用，色彩鮮艷的按鈕，與背景顏色互補(bǔ)，吸引用戶的眼球并引導(dǎo)用戶去使用它。而且主題的顏色可以更改，用戶通過點(diǎn)擊相應(yīng)的浮動(dòng)按鈕根據(jù)自己的喜好更換背景的顏色，使其保持新鮮感，滿足個(gè)性化需求。

圖18

圖19

結(jié) 語

隨著UI設(shè)計(jì)的日益發(fā)展，設(shè)計(jì)的重點(diǎn)從僅僅關(guān)注平面的表現(xiàn)，轉(zhuǎn)移到了人與設(shè)計(jì)之間的交互。材料設(shè)計(jì)是對(duì)于這種潮流的適應(yīng)，它的出現(xiàn)讓用戶眼前一跳。有設(shè)計(jì)師表明材料或?qū)⒊蔀橐I(lǐng)UI設(shè)計(jì)新的流行趨勢(shì)，會(huì)給用戶帶來更多驚喜的東西。

參考文獻(xiàn)

[1] 焦萬鵬.新興專業(yè)—“UI”設(shè)計(jì)初探[J].2007，8（2）：34-36.[2] Windy.什么是交互設(shè)計(jì)[J].2004，（11）：55-57.[3] 舒暢.淺析UI設(shè)計(jì)中的圖形語言[J].2009,（17）：50-50.[4] 聶璐.論網(wǎng)頁(yè)界面設(shè)計(jì)中的人性化因素[D].湖南師范大學(xué).2010.[5] 李四達(dá).交互設(shè)計(jì)的域與界.[J].裝飾.第201期2010.01.[6] 孫嬌、宗明明.網(wǎng)頁(yè)設(shè)計(jì)中視覺流程籌劃與應(yīng)用.[J].2010,(7):169-171.[7] 程璐.網(wǎng)站的導(dǎo)航標(biāo)—網(wǎng)頁(yè)界面圖標(biāo)的設(shè)計(jì)研究.[J].2009,(2):182-182.[8] 汪大偉.現(xiàn)代主義風(fēng)格的UI設(shè)計(jì)之興起.[J].現(xiàn)代裝飾.2012（09）：182-184.[9] 張濤.圖標(biāo)認(rèn)知因素分析及其應(yīng)用研究.[D].2007年

[10] 張軍.網(wǎng)頁(yè)設(shè)計(jì)課程中關(guān)于UI設(shè)計(jì)教學(xué)的探索機(jī)會(huì).[ J ].2009，（4）：84-86

第二篇：用戶界面UI設(shè)計(jì)大作業(yè)要求

用戶界面UI設(shè)計(jì)大作業(yè)要求

一、題目要求

1、每人為班級(jí)設(shè)計(jì)一個(gè)網(wǎng)站首頁(yè)。

2、如果出現(xiàn)兩人雷同，兩人都以“0分”計(jì)算。

3、首頁(yè)以psd格式保存。

4、將自己設(shè)計(jì)的班級(jí)首頁(yè)轉(zhuǎn)成html網(wǎng)頁(yè)文件保存。

5、完成大作業(yè)報(bào)告并打印。

說明：最后上交的內(nèi)容有“.psd”的原圖、“.jpg”的效果圖、“.html”的網(wǎng)頁(yè)文件、“.doc”的電子版大作業(yè)報(bào)告以及打印好的大作業(yè)報(bào)告。

二、網(wǎng)站首頁(yè)設(shè)計(jì)要求

1、首頁(yè)中要包含班級(jí)的logo。（logo自己設(shè)計(jì)）

2、首頁(yè)中要包含班級(jí)的名稱。

3、首頁(yè)中要包含導(dǎo)航欄。（導(dǎo)航的個(gè)數(shù)最少5個(gè)）

4、首頁(yè)中要包含自己制作的按鈕和處理的圖片。

5、首頁(yè)中要包含版權(quán)。（制作人名稱、班級(jí)）

6、首頁(yè)的顏色要和諧美觀。

7、首頁(yè)的布局要清晰合理。

三、大作業(yè)報(bào)告格式的要求

1、使用統(tǒng)一的封皮。

2、使用B5紙打印。

3、報(bào)告中主要寫制作過程，類似書上每章的實(shí)例制作步驟。

4、報(bào)告中文字要求，字體“宋體”、字號(hào)“小四”。

5、報(bào)告中每行文字之間的行間距為“1.5倍行間距”。

6、報(bào)告中每段文字前后段間距都為“0”。

7、報(bào)告中的每張?zhí)麍D都要有標(biāo)號(hào)和名稱，格式為“宋體、小五”，段前段后都是“0.5倍行間距”。

8、報(bào)告中的貼圖大小都調(diào)整到“高度6厘米，寬度8厘米”。

9、報(bào)告中不要出現(xiàn)大段空白。

10、報(bào)告中除封皮以外，都要有頁(yè)碼。

四、大作業(yè)報(bào)告內(nèi)容要求

大作業(yè)報(bào)告中要涵蓋三方面的內(nèi)容，如下所示：

1、設(shè)計(jì)說明

主要敘述，顏色的選取以及頁(yè)面的布局情況。

2、制作步驟

1）背景的制作

2）logo的制作

3）導(dǎo)航的制作

4）其他板塊的制作

5）結(jié)果圖

3、總結(jié)

第三篇：qt作業(yè)：設(shè)計(jì)簡(jiǎn)單的UI界面

qt第二次作業(yè)：

1．通過qt designer設(shè)計(jì)界面如下：

2.通過槽函數(shù)實(shí)現(xiàn)功能，主要代碼如下： dialog.h的主要部分： private slots:

void on_IconListWidget_currentRowChanged(int currentRow);

void on_sendBtn_clicked();

void on_exitBtn_clicked();

void on_boldTBtn_clicked(bool checked);

void on_italicTBtn_clicked(bool checked);

void on_underlineTBtn_clicked(bool checked);

void on_fontCbx_currentFontChanged(const QFont &f);

void on_sizeCbx_currentIndexChanged(const QString &arg1);

void on_textBtn_clicked(bool checked);void on_hindBtn_clicked();dialog.cpp中的函數(shù)實(shí)現(xiàn)：

void Dialog::on_IconListWidget_currentRowChanged(int currentRow){ ui->stackedWidget->setCurrentIndex(currentRow+1);}

void Dialog::on_sendBtn_clicked(){ QString input=ui->textEdit_Msg->toPlainText();ui->textBrowser_Msg->append(input);ui->textEdit_Msg->clear();}

void Dialog::on_exitBtn_clicked(){ this->close();}

void Dialog::on_boldTBtn_clicked(bool checked){ if(checked)ui->textEdit_Msg->setFontWeight(QFont::Bold);else

ui->textEdit_Msg->setFontWeight(QFont::Normal);ui->textEdit_Msg->setFocus();}

void Dialog::on_italicTBtn_clicked(bool checked){ ui->textEdit_Msg->setFontItalic(checked);ui->textEdit_Msg->setFocus();}

void Dialog::on_underlineTBtn_clicked(bool checked){ ui->textEdit_Msg->setFontUnderline(checked);ui->textEdit_Msg->setFocus();} void Dialog::on_fontCbx_currentFontChanged(const QFont &f){ ui->textEdit_Msg->setCurrentFont(f);ui->textEdit_Msg->setFocus();}

void Dialog::on_sizeCbx_currentIndexChanged(const QString &arg1){ ui->textEdit_Msg->setFontPointSize(arg1.toDouble());ui->textEdit_Msg->setFocus();}

void Dialog::on_textBtn_clicked(bool checked){ if(checked){ ui->fontCbx->setVisible(true);ui->sizeCbx->setVisible(true);ui->boldTBtn->setVisible(true);ui->italicTBtn->setVisible(true);ui->underlineTBtn->setVisible(true);} else

{ ui->fontCbx->setVisible(false);ui->sizeCbx->setVisible(false);ui->boldTBtn->setVisible(false);ui->italicTBtn->setVisible(false);ui->underlineTBtn->setVisible(false);} }

void Dialog::on_hindBtn_clicked(){ if(ui->listWidget_Inf->isVisible())ui->listWidget_Inf->setVisible(false);else

ui->listWidget_Inf->setVisible(true);} 實(shí)現(xiàn)結(jié)果：

1.三個(gè)用戶之間切換：

2.文字輸入：

3.按鈕A的切換：

4.字體實(shí)現(xiàn):

5.側(cè)邊欄隱藏：

6.添加備注：因?yàn)槲矣胠istwidget顯示信息，直接將備注空白欄設(shè)為editable即可：

第四篇：UI設(shè)計(jì)規(guī)范（流程、界面）

UI設(shè)計(jì)(流程/界面)規(guī)范

一：UI設(shè)計(jì)基本概念與流程

1.1

目的規(guī)范公司UI設(shè)計(jì)流程，使UI設(shè)計(jì)師參與到產(chǎn)品設(shè)計(jì)整個(gè)環(huán)節(jié)中來，對(duì)產(chǎn)品的易用性進(jìn)行全流程負(fù)責(zé)，使UI設(shè)計(jì)的流程規(guī)范化，保證UI設(shè)計(jì)流程的可操作性。

1.2范圍

l

界面設(shè)計(jì)

l

此文檔用于界面設(shè)計(jì),本文檔的讀者對(duì)象是項(xiàng)目管理人員、售前服務(wù)人員、UI界面設(shè)計(jì)人員、界面評(píng)審人員和配置測(cè)試人員。

1.3

概述

UI設(shè)計(jì)包括交互設(shè)計(jì)，用戶研究，與界面設(shè)計(jì)三個(gè)部分?；谶@三部分的UI設(shè)計(jì)流程是從一個(gè)產(chǎn)品立項(xiàng)開始，UI設(shè)計(jì)師就應(yīng)根據(jù)流程規(guī)范，參與需求階段、分析設(shè)計(jì)階段、調(diào)研驗(yàn)證階段、方案改進(jìn)階段、用戶驗(yàn)證反饋階段等環(huán)節(jié)，履行相應(yīng)的崗位職責(zé)。UI設(shè)計(jì)師應(yīng)全面負(fù)責(zé)產(chǎn)品以用戶體驗(yàn)為中心的UI設(shè)計(jì)，并根據(jù)客戶（市場(chǎng)）要求不斷提升產(chǎn)品可用性。本規(guī)范明確規(guī)定了UI設(shè)計(jì)在各個(gè)環(huán)節(jié)的職責(zé)和要求，以保證每個(gè)環(huán)節(jié)的工作質(zhì)量。

1.4

基本介紹

A、需求階段

軟件產(chǎn)品依然屬于工業(yè)產(chǎn)品的范疇。依然離不開3W的考慮（Who,where,why.）也就是使用者，使用環(huán)境，使用方式的需求分析。所以在設(shè)計(jì)一個(gè)軟件產(chǎn)品之前我們應(yīng)該明確什么人用(用戶的年齡，性別，愛好，收入，教育程度等)。什么地方用（在辦公室/家庭/廠房車間/公共場(chǎng)所）。如何用（鼠標(biāo)鍵盤/遙控器/觸摸屏）。上面的任何一個(gè)元素改變結(jié)果都會(huì)有相應(yīng)的改變。

除此之外在需求階段同類競(jìng)爭(zhēng)產(chǎn)品也是我們必須了解的。同類產(chǎn)品比我們提前問世，我們要比他作的更好才有存在的價(jià)值。那么單純的從界面美學(xué)考慮說哪個(gè)好哪個(gè)不好是沒有一個(gè)很客觀的評(píng)價(jià)標(biāo)準(zhǔn)的。我們只能說哪個(gè)更合適，更合適于我們的最終用戶的就是最好的。

B、分析設(shè)計(jì)階段

通過分析上面的需求，我們進(jìn)入設(shè)計(jì)階段。也就是方案形成階段。我們?cè)O(shè)計(jì)出幾套不同風(fēng)格的界面用于被選。

C、調(diào)研驗(yàn)證階段

幾套風(fēng)格必須保證在同等的設(shè)計(jì)制作水平上，不能明顯看出差異，這樣才能得到用戶客觀真實(shí)的反饋。

測(cè)試階段開始前我們應(yīng)該對(duì)測(cè)試的具體細(xì)節(jié)進(jìn)行清楚的分析描述。

調(diào)研階段需要從以下幾個(gè)問題出發(fā)：

用戶對(duì)各套方案的第一印象

用戶對(duì)各套方案的綜合印象

用戶對(duì)各套方案的單獨(dú)評(píng)價(jià)

選出最喜歡的選出其次喜歡的對(duì)各方案的色彩，文字，圖形等分別打分。

結(jié)論出來以后請(qǐng)所有用戶說出最受歡迎方案的優(yōu)缺點(diǎn)。

所有這些都需要用圖形表達(dá)出來，直觀科學(xué)。

D、方案改進(jìn)階段

經(jīng)過用戶調(diào)研，我們得到目標(biāo)用戶最喜歡的方案。而且了解到用戶為什么喜歡，還有什么遺憾等，這樣我們就可以進(jìn)行下一步修改了。這時(shí)候我們可以把精力投入到一個(gè)方案上，將方案做到細(xì)致精美。

E、用戶驗(yàn)證階段

改正以后的方案，我們可以將他推向市場(chǎng)。但是設(shè)計(jì)并沒有結(jié)束。我們還需要用戶反饋，好的設(shè)計(jì)師應(yīng)該在產(chǎn)品上市以后去站柜臺(tái)。零距離接觸最終用戶，看看用戶真正使用時(shí)的感想。為以后的升級(jí)版本積累經(jīng)驗(yàn)資料。

經(jīng)過上面設(shè)計(jì)過程的描述，大家可以清楚的發(fā)現(xiàn)，界面UI設(shè)計(jì)是一個(gè)非?？茖W(xué)的推導(dǎo)公式，他有設(shè)計(jì)師對(duì)藝術(shù)的理解感悟，但絕對(duì)不是僅僅表現(xiàn)設(shè)計(jì)師個(gè)人的繪畫。所以我們一再?gòu)?qiáng)調(diào)這個(gè)工作過程是設(shè)計(jì)過程。UI界面設(shè)計(jì)不存在美工。

2.UI設(shè)計(jì)流程

2.1

概述

根據(jù)上述原則，分析公司產(chǎn)品的特點(diǎn)，制定符合軟件產(chǎn)品（或項(xiàng)目）生命周期的UI設(shè)計(jì)流程。每個(gè)產(chǎn)品（或項(xiàng)目）的生命周期中，UI設(shè)計(jì)師應(yīng)該嚴(yán)格按照流程，完成每個(gè)環(huán)節(jié)的職責(zé)，確保流程準(zhǔn)確有效的得到執(zhí)行，從而提高產(chǎn)品的可用性，提升產(chǎn)品質(zhì)量。

二：UI界面用戶體驗(yàn)設(shè)計(jì)原則與規(guī)范

1：應(yīng)該遵循的基本原則

無論是控件使用，提示信息措辭，還是顏色、窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準(zhǔn)，做到真正的一致。

這樣得到的好處：

1：使用戶使用起來能夠建立起精確的心里模型，使用熟練了一個(gè)界面后，切換到另外一個(gè)界面能夠很輕松的推測(cè)出各種功能，語句理解也不需要費(fèi)神理解

2：降低培訓(xùn)、支持成本，支持人員不會(huì)行費(fèi)力逐個(gè)指導(dǎo)。

3：給用戶統(tǒng)一感覺，不覺得混亂，心情愉快，支持度增加

做法：

項(xiàng)目組有經(jīng)驗(yàn)人士，確立UI規(guī)范：

美工提供色調(diào)配色方案，提供整體配色表

界面控制程序人員、用戶體驗(yàn)人員提出合理統(tǒng)一使用的控件庫(kù)。參考標(biāo)準(zhǔn)界面使用規(guī)范：

控件功能遵循行業(yè)標(biāo)準(zhǔn)，windows平臺(tái)參見《Microsoft

用戶體驗(yàn)》

控件樣式在允許的范圍內(nèi)可以統(tǒng)一修改其樣式、色調(diào)

參考其他軟件先進(jìn)操作，提取對(duì)本項(xiàng)目有用的功能，以使用，絕對(duì)不能盲從，漫無目的。

根據(jù)需要，設(shè)計(jì)特殊操作控件，準(zhǔn)則為：簡(jiǎn)化操作、達(dá)到一定功能目的界面實(shí)施人員與美工商榷控件可實(shí)現(xiàn)性,(如不實(shí)行此步驟，將會(huì)導(dǎo)致各自對(duì)對(duì)方工作不滿意，也會(huì)產(chǎn)生不一致的混亂)。重復(fù)疊代上述工作。

建立合理化文檔《UI標(biāo)準(zhǔn)》描述上述規(guī)范，強(qiáng)行界面設(shè)計(jì)者理解之，并作為開發(fā)準(zhǔn)則，SQA人員進(jìn)行監(jiān)控開發(fā)人員是否遵循，及時(shí)告誡開發(fā)人員。

2：(Color)顏色使用恰當(dāng)，遵循對(duì)比原則：

1：統(tǒng)一色調(diào)，針對(duì)軟件類型以及用戶工作環(huán)境選擇恰當(dāng)色調(diào)：

如：安全軟件，根據(jù)工業(yè)標(biāo)準(zhǔn)，可以選取黃色，綠色體現(xiàn)環(huán)保，藍(lán)色表現(xiàn)時(shí)尚、紫色表現(xiàn)浪漫等等，淡色可以使人舒適，暗色做背景使人不覺得累等

2：如果沒有自己的系列界面，采用標(biāo)準(zhǔn)界面則可以少考慮此方面，做到與操作系統(tǒng)統(tǒng)一，讀取系統(tǒng)標(biāo)準(zhǔn)色表

3：色盲、色弱用戶，即使使用了特殊顏色表示重點(diǎn)或者特別的東西，也應(yīng)該使用特殊指示符，?quot;!，?著重號(hào)，以及圖標(biāo)等

4：顏色方案也需要測(cè)試，常常由于顯示器、顯卡的問題，色彩表現(xiàn)每臺(tái)機(jī)器都不一樣，應(yīng)該經(jīng)過嚴(yán)格測(cè)試，不同機(jī)器進(jìn)行顏色測(cè)試

5：遵循對(duì)比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍(lán)色文字以白色背景容易識(shí)別，而在紅色背景則不易分辨，原因是紅色和藍(lán)色沒有足夠反差，而藍(lán)色和白色反差很大。除非特殊場(chǎng)合，杜絕使用對(duì)比強(qiáng)烈，讓人產(chǎn)生憎惡感的顏色。

6：整個(gè)界面色彩盡量少的使用類別不同的顏色

itop色表

具體標(biāo)準(zhǔn)參考美術(shù)學(xué)統(tǒng)計(jì)學(xué)術(shù)標(biāo)準(zhǔn)。

色表的建設(shè)，對(duì)于美工在圖案設(shè)計(jì)、包裝設(shè)計(jì)上起著標(biāo)準(zhǔn)參考作用，對(duì)于程序界面設(shè)計(jì)人員設(shè)計(jì)控件、窗體調(diào)色起到有章可循的作用。

3：(Resource)資源

一個(gè)多姿多彩的人機(jī)交互界面，少不了精美的鼠標(biāo)光標(biāo)、圖標(biāo)以及指示圖片、底圖等。

1：也需要遵循統(tǒng)一的規(guī)則，包括上述顏色表的建立，圖標(biāo)的建立步驟也應(yīng)該盡可能的形成標(biāo)準(zhǔn)，參考itop的outlookbar圖標(biāo)設(shè)計(jì)標(biāo)準(zhǔn)

2：有標(biāo)準(zhǔn)的圖標(biāo)風(fēng)格設(shè)計(jì)，有統(tǒng)一的構(gòu)圖布局，有統(tǒng)一的色調(diào)、對(duì)比度、色階，以及圖片風(fēng)格

3：底圖應(yīng)該融于底圖，使用淺色,低對(duì)比，盡量少的使用顏色。

4：圖標(biāo)、圖像應(yīng)該很清晰的表達(dá)出意思，遵循常用標(biāo)準(zhǔn)，或者用戶機(jī)器容易聯(lián)想的到物件，絕對(duì)不允許畫出莫名奇妙的圖案。

5：鼠標(biāo)光標(biāo)樣式統(tǒng)一，盡量使用系統(tǒng)標(biāo)準(zhǔn)，杜絕出現(xiàn)重復(fù)的情況，例如某些軟件中一個(gè)手的形狀就有4鐘不同的樣子。

4：(Font)字體

使用統(tǒng)一字體，字體標(biāo)準(zhǔn)的選擇依據(jù)操作系統(tǒng)類型決定。

中文采用標(biāo)準(zhǔn)字體，“宋體”，英文采用標(biāo)準(zhǔn)

Microsoft

Sans

Serif

不考慮特殊字體(隸書、草書等,特殊情況可以使用圖片取代),保證每個(gè)用戶使用起來顯示都很正常。

字體大小根據(jù)系統(tǒng)標(biāo)準(zhǔn)字體來，例如

MSS字體8磅，宋體的小五號(hào)字(9磅）五號(hào)字（10.5磅)。

所有控件盡量使用大小統(tǒng)一的字體屬性，除了特殊提示信息、加強(qiáng)顯示等例外情況

ITop采用BCB，所有控件默認(rèn)使用

parent

font，不允許修改，這樣有利于統(tǒng)一調(diào)整。

·系統(tǒng)大小字體屬性改變的處理。

Windows系統(tǒng)有個(gè)桌面設(shè)置，設(shè)置大字體屬性，很多界面設(shè)計(jì)者常常為這個(gè)惱火，如果設(shè)計(jì)時(shí)遵循微軟的標(biāo)準(zhǔn)，全部使用相對(duì)大小作為控件的大小設(shè)置，當(dāng)切換大小字體的時(shí)候，相對(duì)不會(huì)有什么特殊問題。

但是由于常常方便使用點(diǎn)陣作為窗口設(shè)計(jì)單位，導(dǎo)致改變大字體后，出現(xiàn)版面混亂的問題。

這個(gè)情況下，應(yīng)該做相應(yīng)處理：

1：寫程序自動(dòng)調(diào)節(jié)大小，點(diǎn)陣值乘以一個(gè)相應(yīng)比例

2：全部采用點(diǎn)陣作為單位，不理會(huì)系統(tǒng)字體的調(diào)節(jié)，這樣可以減少調(diào)節(jié)大字體帶來的麻煩。BCB/DELPHI中多采用這種方法，但是必然結(jié)果是和系統(tǒng)不統(tǒng)一。

5：(Text)文字表達(dá)

提示信息、幫助文檔文字表達(dá)遵循以下準(zhǔn)則：

1：口語化、客氣、多用您、請(qǐng)，不要用或少用專業(yè)術(shù)語，杜絕錯(cuò)別字

2：斷句逗號(hào)句號(hào)頓號(hào)分號(hào)的用法，提示信息比較多的話，應(yīng)該分段，3：警告、信息、錯(cuò)誤

使用對(duì)應(yīng)的表示方法

4：使用統(tǒng)一的語言描述，例如一個(gè)關(guān)閉功能按鈕，可以描述為退出、返回、關(guān)閉，則應(yīng)該統(tǒng)一規(guī)定。

5:

根據(jù)用戶不同采用相應(yīng)的詞語語氣語調(diào)，如專用軟件，可以出現(xiàn)很多專業(yè)屬于，用戶為兒童：這可以語氣親切和藹，老年用戶則應(yīng)該成熟穩(wěn)重。制定標(biāo)準(zhǔn)遵循之。

6：(STYLE)控件風(fēng)格，不要使用錯(cuò)誤控件，控件功能要專一

有設(shè)計(jì)好的同一風(fēng)格的控件，如果沒有能力設(shè)計(jì)出一套控件，則使用標(biāo)準(zhǔn)控件，絕對(duì)不能不倫不類，雜亂無章

·不要錯(cuò)誤使用控件，例如：

使用Button樣式做TTable的功能，拿主菜單條顯示版權(quán)信息，·統(tǒng)一類型的控件操作方式相同，例如一個(gè)控件雙擊可以執(zhí)行某些動(dòng)作，而同樣控件，雙擊卻沒有任何反映

·一個(gè)控件只做單一功能，不復(fù)用

很多人為了寫程序方便，喜歡把一個(gè)控件在不同情況下做不同功能用，這些對(duì)用戶初次理解增加難度，只有用戶熟悉后才能理解。

例如

改變紅色選項(xiàng)，左邊的參數(shù)代表不同的設(shè)置，可能由于為了節(jié)省控件或者編程量，但是只有熟練用戶才回使用，這種情況下解決方法：

1:分組，使用雙份控件

2：使用TABLE頁(yè)，給用戶很明顯的視覺變化

==========================================================================

總結(jié)起來就是：

1.產(chǎn)品制作人，寫產(chǎn)品計(jì)劃書。

2.用戶體驗(yàn)研究員，作調(diào)查分析。

3.信息建構(gòu)師，設(shè)計(jì)產(chǎn)品架構(gòu)。

4.互動(dòng)設(shè)計(jì)師，作出互動(dòng)流程。

5.視覺設(shè)計(jì)師和用戶界面設(shè)計(jì)師，作出頁(yè)面視覺設(shè)計(jì)。

6.前臺(tái)工程師，前臺(tái)開發(fā)。

7.后臺(tái)工程師，后臺(tái)開發(fā)。

8.用戶體驗(yàn)研究員，做用戶測(cè)試確保質(zhì)量。

1.確認(rèn)目標(biāo)用戶

在軟件設(shè)計(jì)過程中，需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶，獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標(biāo)用戶的不同引起的交互設(shè)計(jì)重點(diǎn)的不同。例如：對(duì)于科學(xué)用戶和對(duì)于電腦入門用戶的設(shè)計(jì)重點(diǎn)就不同。

2.設(shè)計(jì)目標(biāo)一致

軟件中往往存在多個(gè)組成部分（組件、元素）。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。例如：如果以電腦操作初級(jí)用戶作為目標(biāo)用戶，以簡(jiǎn)化界面邏輯為設(shè)計(jì)目標(biāo)，那么該目標(biāo)需要貫徹軟件（軟件包）整體，而不是局部。

3.元素外觀一致

交互元素的外觀往往影響用戶的交互效果。同一個(gè)（類）軟件采用一致風(fēng)格的外觀，對(duì)于保持用戶焦點(diǎn)，改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶進(jìn)行調(diào)查取得反饋。

7.可用性原則

7.1可理解

軟件要為用戶使用，用戶必須可以理解軟件各元素對(duì)應(yīng)的功能。如果不能為用戶理解，那么需要提供一種非破壞性的途徑，使得用戶可以通過對(duì)該元素的操作，理解其對(duì)應(yīng)的功能。例如：刪除操作元素。用戶可以點(diǎn)擊刪除操作按鈕，提示用戶如何刪除操作或者是否確認(rèn)刪除操作，用戶可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能，同時(shí)可以取消該操作。

7.2可達(dá)到

用戶是交互的中心，交互元素對(duì)應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。用戶可以用諸如鍵盤、鼠標(biāo)之類的交互設(shè)備通過移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見或者不可交互的交互元素。要注意的是交互的次數(shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏（一般來說超過4層）那么用戶達(dá)到該元素的幾率就大大降低了?？蛇_(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過于復(fù)雜的界面會(huì)影響可達(dá)到的效果。（參考簡(jiǎn)單導(dǎo)向原則）

Quote

[階段一：分析]

1、用戶需求分析

2、用戶交互場(chǎng)景分析

3、競(jìng)爭(zhēng)產(chǎn)品分析這兩者可以說是相輔相成的。

對(duì)于一個(gè)較為正規(guī)的項(xiàng)目而言，必然有對(duì)用戶需求的分析內(nèi)容。其中用戶UI需求是重要的組成部分。如果說UI設(shè)計(jì)原則是所有UI設(shè)計(jì)的出發(fā)點(diǎn)的話，那么用戶UI需求就是本次設(shè)計(jì)的出發(fā)點(diǎn)。好的UI設(shè)計(jì)建立在對(duì)用戶深刻了解之上。因此用戶交互場(chǎng)景分析就很重要。對(duì)于大部分項(xiàng)目組來說也許沒有時(shí)間和精力去實(shí)際勘查用戶的現(xiàn)有交互、制作完善的交互模型考察，但是UI設(shè)計(jì)人員在分析的時(shí)候一定要站在用戶角度思考：如果我是用戶，這里我會(huì)需要什么。競(jìng)爭(zhēng)產(chǎn)品能夠上市并且被UI設(shè)計(jì)者知道，必然有其長(zhǎng)處。這就是所謂三人行必有我?guī)煹囊馑?。每個(gè)設(shè)計(jì)者的思維都有局限性，看到別人的設(shè)計(jì)會(huì)有觸類旁通的好處。當(dāng)然有的時(shí)候可以參考的并不一定是競(jìng)爭(zhēng)產(chǎn)品。

[階段二：設(shè)計(jì)]

采用面向場(chǎng)景、面向事件驅(qū)動(dòng)和面向?qū)ο蟮脑O(shè)計(jì)方法。

UI設(shè)計(jì)著重于交互，因此必然要對(duì)最終用戶的交互場(chǎng)景進(jìn)行設(shè)計(jì)。軟件是交互產(chǎn)品，用戶所作的就是對(duì)軟件事件的響應(yīng)以及觸發(fā)軟件內(nèi)置的事件。因此要面向事件設(shè)計(jì)?，F(xiàn)在的程序開發(fā)主流采用的是面向?qū)ο笤O(shè)計(jì)。面向?qū)ο笤O(shè)計(jì)可以有效的體現(xiàn)面向場(chǎng)景和面向事件的特點(diǎn)。設(shè)計(jì)的四個(gè)要素：交互對(duì)象,數(shù)據(jù)對(duì)象,事件（交互事件和異常）,動(dòng)作

[階段三：開發(fā)]

通過：用戶交互case圖（說明用戶和系統(tǒng)之間的聯(lián)系）用戶交互流程圖（說明交互和事件之間的聯(lián)系）交互功能設(shè)計(jì)圖（說明功能和交互的對(duì)應(yīng)關(guān)系）

最終得到UI的設(shè)計(jì)產(chǎn)品。

[階段四：驗(yàn)證]

正如UI交互設(shè)計(jì)原則探討文中提到的，對(duì)于UI產(chǎn)品的驗(yàn)證主要從下面幾個(gè)方面入手：

1、功能性對(duì)照UI設(shè)計(jì)的再好，和需求不一致也不可以。

2、實(shí)用性內(nèi)部測(cè)試UI設(shè)計(jì)的最重要點(diǎn)就是實(shí)用性。

3、用戶焦點(diǎn)小組UI設(shè)計(jì)是否優(yōu)秀的重要衡量依據(jù)。最后，說一點(diǎn)其他的問題?，F(xiàn)在往往認(rèn)為交互式設(shè)計(jì)和最終的UI效果設(shè)計(jì)可以截然分開。這就好比說需求可以和設(shè)計(jì)截然分開，是不可能的。

Quote

UI設(shè)計(jì)流程以及設(shè)計(jì)師參與的環(huán)節(jié)

最近的工作中總結(jié)出一條結(jié)論：擁有一個(gè)完善規(guī)范的流程，是決定著一個(gè)項(xiàng)目走向成功或失敗的關(guān)鍵。

對(duì)于UI設(shè)計(jì)的工作流程，我覺得可以根據(jù)“市場(chǎng)分析－用戶分析－架構(gòu)－原型－界面－輸出－完善”這條主線制定，每個(gè)環(huán)節(jié)UI設(shè)計(jì)師都應(yīng)參與其中。

1.產(chǎn)品定位與市場(chǎng)分析

這一類工作大多都是由新產(chǎn)品研發(fā)部門以及市場(chǎng)需求完成的，但UI設(shè)計(jì)師應(yīng)了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶群體、運(yùn)營(yíng)方式等。

2.用戶研究與分析

這個(gè)過程是非常重要的，設(shè)計(jì)師應(yīng)該找到合適的方法來完成此環(huán)節(jié)。你可以搜集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心里、需求等，提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶分析。

3.架構(gòu)設(shè)計(jì)

這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。

4.原型設(shè)計(jì)

我覺得這里應(yīng)該是一個(gè)小的階段標(biāo)志，要對(duì)前面所有工作加以設(shè)計(jì)方面的實(shí)施，根據(jù)進(jìn)度與成本，可以把原型控制在“手繪－圖形－FLASH-視頻”幾個(gè)質(zhì)量范圍。原型的本質(zhì)更傾向與一個(gè)DEMO，它不需要有全部的功能，但要體現(xiàn)出設(shè)計(jì)對(duì)象的基本特性。

5.界面設(shè)計(jì)

如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。

6.界面輸出

作為設(shè)計(jì)師，在這一部分的工作就是配合好開發(fā)人員完成相關(guān)的界面結(jié)合。

7.完善工作

這個(gè)環(huán)節(jié)是很多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。

如上的流程，可能會(huì)有很多部門共同參與完成，UI設(shè)計(jì)師如何與團(tuán)隊(duì)配合并發(fā)揮自己應(yīng)有的作用非常重要。一名合格的UI設(shè)計(jì)師，應(yīng)該能貫穿整個(gè)UI流程進(jìn)行工作，而并非是單純的圖形界面設(shè)計(jì)。

第五篇：如何在教學(xué)設(shè)計(jì)中體現(xiàn)新課程理念

如何在教學(xué)設(shè)計(jì)中體現(xiàn)新課程理念

哈爾濱市阿城區(qū)朝鮮族中學(xué)校

南文鉉

以往的課堂教學(xué)設(shè)計(jì)只注重知識(shí)的傳授與學(xué)生學(xué)習(xí)的結(jié)果，對(duì)于學(xué)習(xí)的過程和學(xué)生能力的培養(yǎng)重視程度不夠，學(xué)生自然就形成了接受性學(xué)習(xí)的局面，形成以書本、以老師為準(zhǔn)的思維定勢(shì)，不利于學(xué)生的全面發(fā)展。新課程理念下的教學(xué)設(shè)計(jì)應(yīng)該改變以往的設(shè)計(jì)思路,充分體現(xiàn)以學(xué)生發(fā)展為本是新課程的重要理念，即堅(jiān)持全體學(xué)生的全面發(fā)展、突出學(xué)生個(gè)性的健康發(fā)展、關(guān)注學(xué)生的終身可持續(xù)發(fā)展。新課程也明確提出教師應(yīng)成為學(xué)生學(xué)習(xí)的組織者、引導(dǎo)者、合作者，是學(xué)生全面發(fā)展的促進(jìn)者，要求我們老師講究課堂教學(xué)設(shè)計(jì)策略。

教學(xué)設(shè)計(jì)就是我們通常說的備課，是教師運(yùn)用系統(tǒng)方法對(duì)各種課程資源進(jìn)行有機(jī)整合、對(duì)教學(xué)過程中相互聯(lián)系的各個(gè)部分做出整體安排的一種構(gòu)想，即為達(dá)到教學(xué)目標(biāo)，對(duì)教什么、怎樣教，達(dá)到什么結(jié)果所進(jìn)行的策劃。教學(xué)設(shè)計(jì)要在分析課程目標(biāo)和教學(xué)任務(wù)、分析學(xué)生實(shí)際、分析教學(xué)環(huán)境與資源的基礎(chǔ)上，完成確定的教學(xué)目標(biāo)、制定教學(xué)策略(包括教學(xué)程序的安排、教學(xué)方法的組合、教學(xué)組織形式的確定、教學(xué)媒體的選用等)、實(shí)施教學(xué)評(píng)價(jià)、編寫教學(xué)計(jì)劃等一系列的具體工作。教學(xué)設(shè)計(jì)是一項(xiàng)復(fù)雜的工作，因?yàn)榻虒W(xué)設(shè)計(jì)的對(duì)象是人，其設(shè)計(jì)的主體也是人，而人是最為復(fù)雜的、最難以把握的，同時(shí)影響教學(xué)設(shè)計(jì)的因素也是復(fù)雜的。因此，教師需要有統(tǒng)攬全局的能力，將教學(xué)過程作為一個(gè)系統(tǒng)來進(jìn)行設(shè)計(jì)，以促進(jìn)學(xué)生全面、和諧發(fā)展為最高宗旨。

一、傳統(tǒng)教學(xué)設(shè)計(jì)中存在的問題

在傳統(tǒng)的課程觀中，課程內(nèi)容規(guī)定著“教什么”，而教學(xué)則負(fù)責(zé)“怎樣教”，課程與教學(xué)的界線涇渭分明。課程內(nèi)容由政府和學(xué)者專家制定，教師的職責(zé)是踏實(shí)而有效地傳遞課程內(nèi)容，是課程的實(shí)施者，很少有機(jī)會(huì)發(fā)揮教學(xué)自主性，只能跟在課程計(jì)劃的后面亦步亦趨，扮演著“執(zhí)行者”的角色。在這種課程觀的影響下，傳統(tǒng)的教學(xué)設(shè)計(jì)存在一定的問題是在所難免的，主要表現(xiàn)在：

1、重教材，輕學(xué)生

在傳統(tǒng)的教學(xué)中，教師教學(xué)的一個(gè)最大的特色是“教教科書”，教科書是依據(jù)教學(xué)大綱編寫的，在某種程度上具有一定的“權(quán)威性”，而且考試主要測(cè)試的是教科書上的知識(shí)，這導(dǎo)致掌握教科書的程度成了評(píng)價(jià)學(xué)生的惟一尺度。因此，教師進(jìn)行教學(xué)設(shè)計(jì)主要依據(jù)教材與教參，力圖將教科書上的每一個(gè)知識(shí)點(diǎn)都納入自己的預(yù)想中。隨后，教師的教學(xué)過程便成了對(duì)“教案”的照本宣科，一堂課基本上是按教師的預(yù)想進(jìn)行，當(dāng)教學(xué)設(shè)計(jì)的環(huán)節(jié)完成后，一堂課的教學(xué)任務(wù)就算完成了，至于學(xué)生掌握了多少，掌握到了什么樣的程度，要到考試時(shí)看學(xué)生表達(dá)的效果如何才知道。因此，傳統(tǒng)的課堂教學(xué)總是缺少活力，一方面，教師的教學(xué)任務(wù)繁重，教師教得辛苦；另一方面，由于學(xué)生的學(xué)習(xí)體驗(yàn)沒有得到應(yīng)有的關(guān)注(即書本知識(shí)脫離了學(xué)生的生活世界)，在應(yīng)試教育的價(jià)值取向下，他們必須去學(xué)習(xí)那些不想學(xué)、不愿意學(xué)的知識(shí)內(nèi)容，學(xué)生也是學(xué)得很苦的，而且憑記憶學(xué)到的一些書本知識(shí)不能直接運(yùn)用于實(shí)際，更是增添了教師與學(xué)生的負(fù)擔(dān)。2．重結(jié)論，輕過程

傳統(tǒng)的教學(xué)設(shè)計(jì)特別關(guān)注結(jié)論的記取，卻忽視了學(xué)生對(duì)知識(shí)的體驗(yàn)過程，從教學(xué)的角度來講，教學(xué)的結(jié)論指教學(xué)所要達(dá)到的目的或所需要獲得的結(jié)果；教學(xué)的過程是指達(dá)到教學(xué)目標(biāo)或獲得所需要結(jié)論而必須經(jīng)歷的必要程序。傳統(tǒng)的教學(xué)設(shè)計(jì)受應(yīng)試教育的影響，試圖走一條捷徑，將前人的知識(shí)經(jīng)驗(yàn)以最高的效率傳遞給學(xué)生，于是，教師習(xí)慣于將知識(shí)嚼爛后喂給學(xué)生，教師教給學(xué)生的是現(xiàn)成的結(jié)論、現(xiàn)成的方法、現(xiàn)成的說明，一切都是現(xiàn)成的，無需學(xué)生動(dòng)手實(shí)踐就可以將知識(shí)快速地儲(chǔ)存于自己的大腦。這種教學(xué)設(shè)計(jì)剝奪了學(xué)生思考的權(quán)利，導(dǎo)致學(xué)生只會(huì)死記硬背，而缺少質(zhì)疑的能力、創(chuàng)新的能力，這實(shí)際上是對(duì)學(xué)生智慧的扼殺與個(gè)性的摧殘。

二、新課程理念下的教學(xué)設(shè)計(jì)觀

現(xiàn)代課程觀與教學(xué)觀認(rèn)為，課程與教學(xué)二者不是二元對(duì)立的關(guān)系，而是相互作用，有機(jī)整合的關(guān)系。對(duì)課程與教學(xué)的關(guān)系，美國(guó)學(xué)者塞勒等人做了很好的比喻：“課程是一幢建筑的設(shè)計(jì)圖紙；教學(xué)則是具體的施工。作為設(shè)計(jì)圖紙，會(huì)對(duì)如何施工做出非常具體的計(jì)劃和詳細(xì)的說明。這樣，教師便成了工匠，教學(xué)的好壞是根據(jù)實(shí)際施工設(shè)計(jì)圖紙之間的吻合程度，即達(dá)到設(shè)計(jì)圖紙的要求來測(cè)量的?！睆倪@里看來，“教什么”在一定程度上決定著 “怎樣教”，但教學(xué)在課程面前還是能有所作為的，因?yàn)檎n程的實(shí)施依賴于教學(xué)，課程實(shí)施的程度取決于教學(xué)的水準(zhǔn)。同時(shí)，新課程也明確提出了教師不僅是課程的實(shí)施者，而且也是課程的開發(fā)者的新觀念，另外，教師本身就是一種素材性課程資源和條件性課程資源的載體，這些優(yōu)勢(shì)使教師在教學(xué)設(shè)計(jì)中更是大有作為。1．教學(xué)設(shè)計(jì)的系統(tǒng)觀

現(xiàn)代課程觀認(rèn)為課程是一個(gè)系統(tǒng)，是教師、學(xué)生、教學(xué)媒介以及環(huán)境組成的一個(gè)有機(jī)系統(tǒng)。在這個(gè)系統(tǒng)中，這四個(gè)因素是相互作用、相互影響的，必須全面地考慮四個(gè)因素在系統(tǒng)中的作用，而不能只重視其中二個(gè)或三個(gè)。因此，教學(xué)設(shè)計(jì)其實(shí)就是對(duì)這個(gè)系統(tǒng)的設(shè)計(jì)，教師要用系統(tǒng)的觀點(diǎn)審視整個(gè)教學(xué)過程。由于教學(xué)設(shè)計(jì)要同時(shí)考慮到這四個(gè)因素，從而導(dǎo)致了教學(xué)設(shè)計(jì)更趨復(fù)雜。教師要從單純?cè)O(shè)計(jì)教學(xué)媒介(主要是教科書)轉(zhuǎn)向多維的立體設(shè)計(jì)，將設(shè)計(jì)的中心轉(zhuǎn)移到人的身上來。教師與學(xué)生是課程的有機(jī)組成部分并是相互作用的主體，教學(xué)過程是一個(gè)師生、生生“交往互動(dòng)”的過程，以交往互動(dòng)為特征的教學(xué)，要求教師與學(xué)生能有更多的溝通，在溝通中，教師與學(xué)生各自憑借自己的經(jīng)驗(yàn)，用各自獨(dú)特的表現(xiàn)方式，在教學(xué)過程中通過心靈的對(duì)接、意見的交流、思想的碰撞、合作的探討來實(shí)現(xiàn)知識(shí)的共同擁有與個(gè)性的全面發(fā)展。在教學(xué)設(shè)計(jì)系統(tǒng)觀的理念中，教學(xué)不再是教師 “一言堂”，教師與學(xué)生共同參與到教學(xué)中，成為一個(gè)“學(xué)習(xí)的共同體”。在教學(xué)設(shè)計(jì)時(shí)還要關(guān)注到“系統(tǒng)”中的物的因素，如學(xué)習(xí)材料的選擇、教學(xué)環(huán)境的控制等，因?yàn)檫@些客觀的因素同樣會(huì)影響到教學(xué)過程。教師要真正將教學(xué)過程作為一個(gè)動(dòng)態(tài)、開放的系統(tǒng)來設(shè)計(jì)，從整體與部分、整體與環(huán)境之間的相互聯(lián)系、相互制約中選擇解決問題的最佳方案，以實(shí)現(xiàn)教學(xué)系統(tǒng)的整體優(yōu)化。2．為學(xué)習(xí)設(shè)計(jì)教學(xué)

按照新課程的要求，教學(xué)設(shè)計(jì)應(yīng)當(dāng)引導(dǎo)學(xué)生習(xí)得自主、探究、合作的學(xué)習(xí)方式，教師也就要相應(yīng)地對(duì)教材呈現(xiàn)方式、教學(xué)方式和師生互動(dòng)方式進(jìn)行改革，以促進(jìn)學(xué)生的全面發(fā)展。但是，由于教學(xué)過程是一個(gè)動(dòng)態(tài)、開放的系統(tǒng)，無論多完善的教學(xué)設(shè)計(jì)都會(huì)在課堂教學(xué)中不斷地變化、調(diào)整、豐富，都會(huì)在師生的交往互動(dòng)中生成和發(fā)展出許多新問題、新認(rèn)識(shí)和新成果，因?yàn)椴粌H學(xué)生，而且教師的心態(tài)總是隨著具體的教學(xué)情景發(fā)生變化，同時(shí)知識(shí)經(jīng)驗(yàn)的積累狀況也在發(fā)生變化。如何處理在教學(xué)設(shè)計(jì)未曾預(yù)料、也無法預(yù)料的“課堂意外事件”，如果強(qiáng)行按照原教學(xué)設(shè)計(jì)方案進(jìn)行教學(xué)，勢(shì)必壓抑學(xué)生的積極性與創(chuàng)造性，因?yàn)閷W(xué)生任何一個(gè)思想的火花都可能迸發(fā)出創(chuàng)新的火苗；如果任何一個(gè)課堂中生成的東西，教師都要顧及到，勢(shì)必影響教學(xué)進(jìn)度，導(dǎo)致教學(xué)任務(wù)無法完成。教師處在一種進(jìn)退維谷的兩難境地，教師需要更多的教學(xué)機(jī)智以應(yīng)對(duì)這種局面，正如有的研究者所說，“課堂教學(xué)不是教師教學(xué)行為模式化的場(chǎng)所，而是教師教育智慧充分展現(xiàn)的場(chǎng)所?！?/p>

教師教學(xué)面對(duì)的是一個(gè)個(gè)富有個(gè)性、具有不同的生活方式和經(jīng)驗(yàn)的學(xué)生，現(xiàn)代教學(xué)設(shè)計(jì)不能忽視個(gè)性的存在。因此，教師教學(xué)不能拘泥于預(yù)先設(shè)定的固定不變的程式，鼓勵(lì)師生互動(dòng)中的即興創(chuàng)造，可以超越目標(biāo)預(yù)定的要求。教師只有充分發(fā)揮自身的教育智慧，把學(xué)生置于教學(xué)的出發(fā)點(diǎn)和核心地位，認(rèn)真考慮學(xué)生的需求，充分發(fā)揮學(xué)生學(xué)習(xí)的積極性、主動(dòng)性和創(chuàng)造性，根據(jù)實(shí)際教學(xué)中學(xué)生的變化隨時(shí)調(diào)整自己的教學(xué)，課堂才能煥發(fā)出生命的活力。3．知識(shí)教學(xué)與情感態(tài)度價(jià)值觀并重

新課程強(qiáng)調(diào)知識(shí)技能、過程方法、情感態(tài)度價(jià)值觀三維目標(biāo)的整合，課程改革的目標(biāo)之一就是要實(shí)現(xiàn)課程功能的轉(zhuǎn)變，要“改變課程過于注重知識(shí)傳授的傾向，強(qiáng)調(diào)形成積極主動(dòng)的學(xué)習(xí)態(tài)度，使獲得基礎(chǔ)知識(shí)與基本技能的過程同時(shí)成為學(xué)會(huì)學(xué)習(xí)和形成正確價(jià)值觀的過程?！痹趥鹘y(tǒng)教育中，知識(shí)的掌握往往成為評(píng)價(jià)學(xué)生的惟一尺度，而學(xué)生情感態(tài)度價(jià)值觀的培養(yǎng)與發(fā)展由于沒有統(tǒng)一的評(píng)價(jià)尺度，不易操作，致使教師、學(xué)校以及家長(zhǎng)對(duì)學(xué)生情感態(tài)度的發(fā)展重視不夠，教師也未將學(xué)生這方面的發(fā)展納入自己的教學(xué)設(shè)計(jì)中。情感態(tài)度價(jià)值觀隸屬于人的內(nèi)心世界，而人是內(nèi)心世界是極其復(fù)雜的，是難以揣度的，因而無法通過教師的傳授而直接獲得，必須通過學(xué)生在學(xué)習(xí)的過程中親身實(shí)踐才能不斷地潛滋暗長(zhǎng)。教師在進(jìn)行教學(xué)設(shè)計(jì)時(shí)，要依托于教材，即“用教材教”而不是“教教材”，在引導(dǎo)學(xué)生學(xué)習(xí)的過程中，為學(xué)生情感態(tài)度價(jià)值觀的發(fā)展創(chuàng)設(shè)適宜的環(huán)境，把知識(shí)技能的學(xué)習(xí)與情感、態(tài)度價(jià)值觀的培養(yǎng)結(jié)合起來，對(duì)學(xué)生進(jìn)行潛移默化的影響，真正成為學(xué)生學(xué)習(xí)活動(dòng)的組織者、引導(dǎo)者與合作者。

課程實(shí)施包括教學(xué)設(shè)計(jì)、教學(xué)設(shè)計(jì)的實(shí)施、教學(xué)評(píng)價(jià)三個(gè)階段，教學(xué)設(shè)計(jì)雖然對(duì)教學(xué)不起決定性的作用，但也起著十分重要的作用，是整個(gè)教學(xué)過程的起始階段，對(duì)教學(xué)過程起著宏觀調(diào)控的作用。教師在教學(xué)之前需要進(jìn)行教學(xué)設(shè)計(jì)，但在教學(xué)過程中又不可拘泥于教學(xué)設(shè)計(jì)，被教學(xué)設(shè)計(jì)束縛了手腳，一切應(yīng)以學(xué)生為重，以教促學(xué)，應(yīng)學(xué)生動(dòng)而動(dòng)、應(yīng)情境變而變，對(duì)課堂教學(xué)各種變化進(jìn)行綜合把握，及時(shí)做出正確的判斷，采取有效的措施。

總之，實(shí)施新課程，關(guān)鍵在教師，我們的教師必須不斷對(duì)照新理念反思自己的教學(xué)行為，不斷改進(jìn)自己的教學(xué)方法和改變學(xué)生的學(xué)習(xí)方式，才能使學(xué)生在課堂上較好地實(shí)現(xiàn)知識(shí)的傳承、能力的發(fā)展、態(tài)度與價(jià)值觀的形成的統(tǒng)一。

2009年10月

如何在教學(xué)設(shè)計(jì)中體現(xiàn)新課程理念

南 文 鉉

哈爾濱市阿城區(qū)朝鮮族中學(xué)校