“設(shè)計思維”理念下的信息技術(shù)教學(xué)*
——以“網(wǎng)站Logo的設(shè)計”為例

/劉蘇梅 曹恒來 丁 婧

一、概念界定

“設(shè)計思維”（Design Thinking）指的是設(shè)計者解決問題的方法，這些問題往往是現(xiàn)實中的既復(fù)雜又難以界定的“刁難”問題。［1］“設(shè)計思維”這一概念，最早可以追溯到1969年出版的《人工科學(xué)》一書，美國經(jīng)濟學(xué)家赫伯特·西蒙（Herbert A.Simon）首次在科學(xué)領(lǐng)域?qū)⒃O(shè)計作為一種思維方式提出。它是一種創(chuàng)造性地解決問題的方法，然而設(shè)計思維的創(chuàng)造性不同于藝術(shù)創(chuàng)作的主觀性發(fā)揮，而是強調(diào)從需求出發(fā)，尋求創(chuàng)新解決方案，并有著科學(xué)的應(yīng)用程序，需要遵循一定的規(guī)則。如赫伯特·西蒙提出設(shè)計思維應(yīng)包括定義、研究、構(gòu)思、原型、實施和學(xué)習(xí)等步驟。德國波茨坦大學(xué)教授克里斯多夫·梅內(nèi)爾（Christoph Meinel）將設(shè)計思維概括為問題界定、需求分析和標記、構(gòu)思、建造和測試等步驟。［2］斯坦福大學(xué)的設(shè)計學(xué)院所倡導(dǎo)的設(shè)計思維則包括移情、定義、設(shè)想、原型和測試等五大步驟。［3］我國的祝智庭等學(xué)者認為，設(shè)計思維是一種特殊的思維形式，是設(shè)計者經(jīng)過相應(yīng)的設(shè)計活動或?qū)W習(xí)相應(yīng)的設(shè)計知識后，所具備的擅長于設(shè)計的專業(yè)技巧，其過程包括現(xiàn)象分析、問題識別、事實表征、概念產(chǎn)生、方案形成、方案評價等六個步驟。從表現(xiàn)形式來看設(shè)計思維更強調(diào)通過形象化、結(jié)構(gòu)性的方式來表示設(shè)計過程中的模糊屬性，以此來明確所需設(shè)計的作品和研究過程的方案。［4］

二、引入意義

我國中小學(xué)教育長期以來一直注重對“雙基”的評價，在此導(dǎo)向下，許多教師的信息技術(shù)教學(xué)還是停留在離散、孤立的技能操作的層面。例如，在教學(xué)“圖像的合成”時，教師給出制作好的圖像范例，提供相應(yīng)的素材，并進行操作步驟的示范，學(xué)生模仿完成與范例相似的作品。在這樣的教學(xué)模式下，學(xué)生猶如泥瓦匠，關(guān)注的只是手中的一塊塊磚瓦，缺乏對事物整體建設(shè)的宏觀把握，教學(xué)結(jié)果往往是學(xué)生掌握了一定的知識與技能，但這些知識與技能否很好地遷移到具體問題的解決中去，學(xué)生的創(chuàng)新能力能否得到提升都無從談起，課堂教學(xué)還是擺脫不了工具教學(xué)的困境。

設(shè)計思維作為一種創(chuàng)新性解決問題的方法論，強調(diào)教育的價值不僅僅在于模仿，更在于設(shè)計與發(fā)現(xiàn)，強調(diào)發(fā)現(xiàn)認知經(jīng)驗與現(xiàn)實問題之間的聯(lián)系，并由此形成新的解決更復(fù)雜問題的能力。［5］因此，越來越多的學(xué)者認識到將設(shè)計思維引入信息技術(shù)課程的重要性，并將設(shè)計思維列為由計算思維引申出來的方法論中的一個重要分支，認為信息技術(shù)課程應(yīng)發(fā)展學(xué)生的設(shè)計思維，提升學(xué)生利用信息技術(shù)解決現(xiàn)實問題的能力，并引導(dǎo)學(xué)生能夠像“信息技術(shù)專家”那樣深刻思考和理解信息世界，以應(yīng)對將來可能面臨的各種復(fù)雜問題。［6］［7］

同時，信息技術(shù)課程包含很多要求學(xué)生動手實踐的內(nèi)容，并將實踐的結(jié)果以問題解決的方案或者多媒體作品的形式呈現(xiàn)出來，例如多媒體作品的制作、程序的設(shè)計、小型局域網(wǎng)的組建等，這些實踐性強的教學(xué)內(nèi)容，關(guān)注設(shè)計與發(fā)現(xiàn)的過程，強調(diào)運用信息技術(shù)知識創(chuàng)造性地解決問題，并且這些豐富的教學(xué)內(nèi)容類似同一主題下的不同序列，構(gòu)成一個系統(tǒng)性的存在，共同作用于設(shè)計思維的提升。［8］

另外我們還看到，信息技術(shù)課程教學(xué)大多在多媒體教室進行，借助多媒體技術(shù)與網(wǎng)絡(luò)技術(shù)等現(xiàn)代信息技術(shù)手段，學(xué)習(xí)資源更加豐富，學(xué)習(xí)環(huán)境更加開放，信息交流與表達手段也更加多樣。因此，信息技術(shù)學(xué)科在開展豐富的設(shè)計活動，并在活動過程中提升學(xué)生的設(shè)計思維方面，有著其他學(xué)科所無法比擬的獨特優(yōu)勢。

三、典型案例

對設(shè)計思維的內(nèi)涵，不同的角度有不同的解讀，但是不管從何種角度出發(fā)，大多強調(diào)將設(shè)計過程分解為具體的、可操作的解決問題的步驟。以下以“網(wǎng)站Logo的設(shè)計”為例。

“網(wǎng)站Logo的設(shè)計”是高中《網(wǎng)絡(luò)技術(shù)應(yīng)用》（教科版）第4章“建立主題網(wǎng)站”第2節(jié)“網(wǎng)站設(shè)計”中的內(nèi)容。網(wǎng)站Logo是網(wǎng)站特色和內(nèi)涵的集中體現(xiàn)，作為一個圖像技術(shù)制品，其制作過程既需要掌握一定的知識與技能，更需要依循一定的設(shè)計步驟，其制作可以為學(xué)生設(shè)計思維的培養(yǎng)提供很好的抓手。網(wǎng)站Logo的設(shè)計過程一般包括問題識別、形成方案、作品制作、測試評價這四個步驟，在以往“重技術(shù)輕思維”的教學(xué)中，往往只突出作品制作技術(shù)環(huán)節(jié)，而忽視了問題識別、形成方案、測試評價這些強調(diào)思維活動的部分，尤其是問題識別與形成方案環(huán)節(jié)，很多教師更是一筆帶過或者干脆省略，學(xué)生做出來的作品不是千篇一律就是天馬行空，不能切實地解決問題。我們認為，“網(wǎng)站Logo的設(shè)計”這節(jié)課的教學(xué)，宜從以下幾個方面著手，深入細化設(shè)計過程的每一步驟，將設(shè)計的過程落在實處，促進學(xué)生思維能力的提升。

1.基于真實問題，建立需求意識。

現(xiàn)實世界是一個充滿問題的世界，而現(xiàn)實問題往往是復(fù)雜的，需要考慮和權(quán)衡多種影響因素，通常不存在唯一的解決方案。［9］書本知識作為抽象的知識體系，唯有融入真實世界，才有利于學(xué)習(xí)者建立兩者之間的關(guān)系，提升認識世界的能力。

在以往的教學(xué)中，要求的技術(shù)制品往往不是基于真實的設(shè)計問題，導(dǎo)致設(shè)計的目的不明確，設(shè)計的限定條件也含糊不清，而這與現(xiàn)實中的設(shè)計問題是相悖的。這一節(jié)課的活動內(nèi)容是各小組為自己的主題網(wǎng)站制作Logo，這是一個真實的設(shè)計問題，可以有多種解決方案，并有一定的限制條件，例如貼合網(wǎng)站主題，與網(wǎng)站的風格相符，素材是可及的，同時還要是自己的能力范圍內(nèi)能完成的。因此，在問題識別環(huán)節(jié)，引導(dǎo)學(xué)生分析設(shè)計需求與設(shè)計限定條件，將設(shè)計問題抽象為“網(wǎng)站Logo應(yīng)該突出的關(guān)鍵信息”“網(wǎng)站Logo應(yīng)呈現(xiàn)的設(shè)計風格”這兩個具體問題，引導(dǎo)學(xué)生深入思考問題的本質(zhì)。通過解決真實設(shè)計問題的過程，使學(xué)生建立需求意識，能夠從不同的設(shè)計需求出發(fā)，綜合考量多種因素，最終形成富有創(chuàng)造性的作品。

2.研習(xí)設(shè)計案例，拓展知識視野。

在設(shè)計領(lǐng)域，創(chuàng)新的必要條件是設(shè)計者具有寬闊的知識視野與眼界，高中生有一定的網(wǎng)站瀏覽經(jīng)驗，對一些網(wǎng)站Logo也比較熟悉，但他們都是以用戶的身份來體驗這些設(shè)計的成果，而很少從設(shè)計者的角度來理解分析這些案例。所以，首先引導(dǎo)學(xué)生轉(zhuǎn)換視角，從設(shè)計者的角度，研習(xí)百度、阿里云等學(xué)生所熟知的網(wǎng)站Logo設(shè)計案例，從而拓展視野，為自己的設(shè)計做好鋪墊。

案例研習(xí)活動過程如下。

（1）帶著問題，觀察百度、豆瓣、阿里云等網(wǎng)站Logo圖片，觀看阿里云網(wǎng)站Logo設(shè)計視頻。

問題1：網(wǎng)站Logo常用的設(shè)計手法。

問題2：成功的網(wǎng)站Logo應(yīng)該具有的特點。

問題3：什么是網(wǎng)站Logo設(shè)計的核心。

（2）列舉讓自己印象深刻的網(wǎng)站Logo，描述其設(shè)計手法與設(shè)計理念。

3.開展頭腦風暴，形成解決方案。

在設(shè)計過程中，如果僅限于個體的獨立創(chuàng)作，容易因自身的認知經(jīng)驗局限，導(dǎo)致理解問題比較片面，思路比較狹窄，不能形成富有創(chuàng)意的作品。因此，設(shè)計過程往往強調(diào)通過團隊協(xié)作來生成集體的智慧，開闊思路，從而形成創(chuàng)造性的作品。在這一節(jié)課的教學(xué)中，引入了頭腦風暴法，學(xué)生在自由愉快的氛圍中，暢所欲言，一個觀點引發(fā)更多的聯(lián)想，為創(chuàng)造性地解決問題提供了更多的可能性。

天氣及海況條件對于“海峽號”的航行操作有著很大的影響。本輪是鋁合金雙體船，船體輕，受風面積大，航行時受風影響也比較大，避讓時必須考慮風浪的影響，預(yù)留足夠的余量。本輪因船體重量輕，風浪惡劣船體隨波浪上下，造成穩(wěn)舵不穩(wěn)，在他船來看容易造成本輪動態(tài)極為不明，風大也容易造成本輪風壓差角度過大，他船看來形成本輪航向差異過大，容易造成判斷失誤。本輪在大風浪中航行有避碰危險時，應(yīng)將采取避碰措施的時間和距離適當提前，主動用VHF取得聯(lián)系，以求了解各自動態(tài)，更早地采取大幅度的避讓行動，以確保有安全的會遇距離。

“形成方案”的教學(xué)活動過程如下：

熱身小游戲：給出一個事物，在規(guī)定時間，學(xué)生依次快速說出由前一個詞匯聯(lián)想到的詞匯，比如大海—魚—漁船—天空……，展開聯(lián)想，并由一名學(xué)生負責記錄，將這些詞匯以曲線連接，構(gòu)成一個思維導(dǎo)圖。

頭腦風暴的過程：每個小組設(shè)置一名主持人、一名記錄員。主持人在討論中做啟發(fā)引導(dǎo)和掌握進程，記錄員以思維導(dǎo)圖的形式對暢想內(nèi)容進行記錄。

第1步：小組內(nèi)每位成員都形成構(gòu)思。

第2步：組內(nèi)成員自由暢談，自由暢談時延遲評判，禁止批評，以觀點引發(fā)聯(lián)想，產(chǎn)生新的觀點，從而產(chǎn)生許多不同的想法。

第3步：小組成員結(jié)合思維導(dǎo)圖推理分析，將想法縮減到一些合理的、有發(fā)展?jié)摿蛯崿F(xiàn)可能性的構(gòu)思，形成設(shè)計方案。

4.借助思維導(dǎo)圖，提高設(shè)計效率。

頭腦風暴活動的過程中，學(xué)生的思維是發(fā)散的，產(chǎn)生了很多想法，但這些想法往往是零散的，轉(zhuǎn)瞬即逝的，甚至是偏離主題的。此時需要我們對其思維活動進行記錄，而思維導(dǎo)圖無疑是一個很好的工具。借助思維導(dǎo)圖可以將瞬時的靈感記錄下來，并使得思維活動緊緊圍繞主題而進行，避免因思維過于發(fā)散而偏離主題。同時思維導(dǎo)圖還可以將抽象的思維直觀化，將模糊的邏輯清晰化，學(xué)生可以借助思維導(dǎo)圖進行整理、分析，尋找到最合適的解決方案來加以開發(fā)與實施，從而提高設(shè)計的效率如下頁圖1為其中一個小組的學(xué)生完成的設(shè)計方案及作品在網(wǎng)頁中呈現(xiàn)的效果。

思維導(dǎo)圖與頭腦風暴的結(jié)合使學(xué)生充分感受到團隊智慧魅力的同時，也促使學(xué)生產(chǎn)生一種用“圖”式方法去思考并理解現(xiàn)實問題的意識，并使得這種意識逐步成為學(xué)生終身學(xué)習(xí)的思維方式和學(xué)習(xí)習(xí)慣。［10］

5.開展綜合評價，促進深度理解。

（圖1）

設(shè)計思維是有目的的創(chuàng)新活動，是面向設(shè)計需求啟動的，能夠根據(jù)設(shè)計需求，從創(chuàng)意、結(jié)構(gòu)等方面來評價數(shù)字作品也是設(shè)計思維要求學(xué)生具備的能力之一。［7］學(xué)生根據(jù)設(shè)計方案，完成網(wǎng)站Logo的制作后，引導(dǎo)學(xué)生根據(jù)自己的設(shè)計需求，結(jié)合評價表（如表1），對自己以及其他小組的作品進行評價，評價不僅關(guān)注制作結(jié)果，也關(guān)注設(shè)計的過程。通過開展綜合評價，學(xué)生可以進一步審視自己的設(shè)計過程，并根據(jù)評價結(jié)果，不斷優(yōu)化自己的作品，使其更符合自己的設(shè)計預(yù)期。從而促進學(xué)生對設(shè)計過程有更豐富、更深刻的理解，實現(xiàn)對設(shè)計本質(zhì)的把握和深邃學(xué)習(xí)的追求。

這是一節(jié)面向設(shè)計思維發(fā)展的課堂教學(xué)嘗試。從這一案例中可以看到，將設(shè)計思維引入到信息技術(shù)課程的教學(xué)，可以使信息技術(shù)教學(xué)跳脫單純技能訓(xùn)練的藩籬，在“授人以魚”的同時真正做到“授人以漁”，使得學(xué)生在習(xí)得知識與技能的同時，有效發(fā)展了設(shè)計思維，并作用于學(xué)生的持續(xù)發(fā)展。

表1 主題網(wǎng)站Logo評價表