鄒萬(wàn)芳-2017年暑期赴天津軟件園北京培訓(xùn)基地培訓(xùn)總結(jié)

暑期培訓(xùn)總結(jié)

電子信息工程系 ??鄒萬(wàn)芳

本人在7月24號(hào)至7月28號(hào)參加了天津天軟北京培訓(xùn)基地的學(xué)習(xí)，在學(xué)習(xí)期間，我在專業(yè)知識(shí)上學(xué)到了很多東西，主要培訓(xùn)的內(nèi)容有網(wǎng)頁(yè)設(shè)計(jì)和UI設(shè)計(jì)。首先接觸了一個(gè)籃球裝備網(wǎng)頁(yè)，這是一個(gè)電商類網(wǎng)站設(shè)計(jì)作品，主要以出售籃球裝備為目的，滿足消費(fèi)者視覺(jué)需要，促進(jìn)產(chǎn)品出售。主要學(xué)習(xí)了網(wǎng)頁(yè)排版，配色，選擇素材并通過(guò)軟件制作界面。其次是分析、模擬了一款在APPSTORE上發(fā)布的“口算我第一”的APP應(yīng)用，這是一款為小學(xué)生提供課后提高數(shù)學(xué)口算能力的學(xué)習(xí)軟件，將口算的練習(xí)過(guò)程融入多個(gè)小游戲當(dāng)中，讓小學(xué)生在玩的同時(shí)提高學(xué)習(xí)成績(jī)，增強(qiáng)學(xué)習(xí)數(shù)學(xué)興趣。主要學(xué)習(xí)了界面排版和界面設(shè)計(jì)，為界面挑選合適的高清圖片素材，盡量統(tǒng)一頁(yè)面風(fēng)格，參考其他APP界面，尋找界面設(shè)計(jì)靈感，根據(jù)設(shè)計(jì)理念畫(huà)出低保真原型圖，然后在PS中實(shí)現(xiàn)，做出高保真原型圖。

UI即User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

第一點(diǎn)：移動(dòng)APP客戶端的UI設(shè)計(jì)原則1)手機(jī)本身的物理特性受限引起的操作交互指南：a、移動(dòng)APP客戶端的文字輸入，必須要降到最低：由于手機(jī)在輸入上的低效性，在設(shè)計(jì)的過(guò)程中，應(yīng)盡量減少用戶的輸入，如果有可能可以設(shè)置默認(rèn)值，或者讓用戶選擇目標(biāo)值。b、移動(dòng)APP客戶端的信息結(jié)構(gòu)好，屏與屏之間的邏輯關(guān)系清晰：由于手機(jī)屏幕都普遍較小，即使有4吋屏，那也只能展示較少的信息量，因此，在手機(jī)設(shè)計(jì)上，更需要有清晰的信息架構(gòu)，用戶知道當(dāng)前在哪兒，并能返回到哪兒。c、移動(dòng)APP客戶端的操作、功能不要隱藏太深，重要功能都需要在界面中有適當(dāng)?shù)奶崾荆河捎谑謾C(jī)屏幕較小，不能展示所有的信息。因此，對(duì)重要的、使用頻率高的功能或信息放在最重要的位置，并在首頁(yè)上展示或指示。2) 手機(jī)的移動(dòng)特性引起的指南：a、移動(dòng)APP客戶端的最主要的功能操作，用單手可以完成：手機(jī)的使用情景多樣性，在很多情景下，用戶都只能單手來(lái)操作手機(jī)，因此，在客戶端的設(shè)計(jì)過(guò)程中，需要考慮最重要的核心功能，能否單手操作完成。常見(jiàn)手勢(shì)翻頁(yè)交互效果和優(yōu)點(diǎn)等。b、移動(dòng)APP客戶端的界面必須簡(jiǎn)潔、操作簡(jiǎn)單，操作步驟少：由于用戶操作情景復(fù)雜，在使用客戶端的過(guò)程可能有額外的認(rèn)知負(fù)荷，因此，在設(shè)計(jì)客戶端的過(guò)程中，邏輯必須簡(jiǎn)單，操作步驟也要減少。c、移動(dòng)APP客戶端的界面層次不要太深，最好不要超過(guò)3級(jí)。d、移動(dòng)APP客戶端的提示包括界面、聲音、振動(dòng)多種形式：用戶在操作手機(jī)時(shí)，往往不會(huì)一直盯著手機(jī)屏幕看，因此，很多手機(jī)狀態(tài)頁(yè)面的切換，脫離了用戶的視線，這時(shí)，必須要提供視覺(jué)之外的其他感覺(jué)通道的信息(如聽(tīng)覺(jué)、觸覺(jué)等)，來(lái)對(duì)用戶做提示?？焖袤w驗(yàn)移動(dòng)觸摸響應(yīng)操作等。3)其他移動(dòng)UI設(shè)計(jì)原則a、客戶端UI的適配不必恪守所有的平臺(tái)都保持一致，只要一些品牌的關(guān)鍵元素能體現(xiàn)可。b、客戶端的主要操作方式(框架、導(dǎo)航、按鍵功能及軟鍵對(duì)應(yīng)方式等)應(yīng)與所承載的手機(jī)操作系統(tǒng)保持一致：客戶端都承載在某款具體的手機(jī)平臺(tái)中，而用戶會(huì)對(duì)當(dāng)前的手機(jī)平臺(tái)很熟悉。因此，在設(shè)計(jì)的過(guò)程中，需要更好地理解當(dāng)前的手機(jī)平臺(tái)，并使客戶端的設(shè)計(jì)與手機(jī)系統(tǒng)的設(shè)計(jì)邏輯保持一致。

第二點(diǎn)：手機(jī)APP客戶端UI界面設(shè)計(jì)適配的步驟：移動(dòng)APP客戶端的適配要以一個(gè)平臺(tái)為起始，但是要著眼于多個(gè)平臺(tái)。1)根據(jù)公司的戰(zhàn)略，選擇一個(gè)最先切入的平臺(tái);2)了解該平臺(tái)的UI 設(shè)計(jì)規(guī)范，可用的UI 控件及交互原則;

3) 確定切入的屏幕大小，以此來(lái)設(shè)計(jì)第一個(gè)客戶端，但是要考慮適配其他屏幕的可能性，是自適應(yīng)來(lái)擴(kuò)展或者縮小;4)根據(jù)平臺(tái)及屏幕大小，來(lái)選擇一款最典型的手機(jī)，開(kāi)始客戶端的交互設(shè)計(jì)。5)確定客戶端的核心目的。如為娛樂(lè)為主的，應(yīng)在設(shè)計(jì)方式更娛樂(lè)性;功能性完成目的為主的，以更易用性為主;6)根據(jù)客戶端的功能和內(nèi)容，來(lái)設(shè)計(jì)客戶端的信息架構(gòu);7) 根據(jù)UCD的原則，來(lái)完成客戶端的交互原型;

通過(guò)這次的培訓(xùn)學(xué)習(xí)，讓我認(rèn)識(shí)到做好網(wǎng)頁(yè)，并不是一件容易的事，它包括網(wǎng)頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。

　　一、準(zhǔn)備資料和挑選符合目的主題的合適素材

　　做網(wǎng)頁(yè)當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁(yè)，把它保存起來(lái)， 作為以后自己設(shè)計(jì)主頁(yè)時(shí)的參考。另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、小動(dòng)畫(huà)圖標(biāo)等等?？梢栽谟脖P上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫(huà)”等文件夾， 養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣，時(shí)間一長(zhǎng)就擁有了一個(gè)可觀的圖庫(kù)，等做網(wǎng)頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。

　　二、規(guī)劃好整個(gè)網(wǎng)站

　　主頁(yè)的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫(huà)面 過(guò)于復(fù)雜。切記，頁(yè)面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁(yè)給人的第一印像沒(méi)有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會(huì)訪問(wèn)你的網(wǎng)站了。

　　三、善用圖片，增強(qiáng)藝術(shù)效果

　　我記得老師說(shuō)過(guò)網(wǎng)頁(yè)的迷人之處之一， 要算它上面能點(diǎn)綴許多漂亮的圖片。 精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁(yè)增輝不少，令人過(guò)目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用,切忌虛飾浮夸,同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

　　四、善于借鑒他人主頁(yè)制作中的設(shè)計(jì)技巧

　　由于在網(wǎng)上用瀏覽器瀏覽任何主頁(yè)時(shí)， 都能查看到該主頁(yè)制作時(shí)所編寫的絕大部分網(wǎng)頁(yè)編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁(yè)采用的設(shè)計(jì)技巧，試著將其源代碼 調(diào)出來(lái)仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。

　 ?五、熟練掌握PS操作技巧

快捷鍵的使用，這是 Photoshop基礎(chǔ)中的基礎(chǔ)，卻也是提高工作效率的最佳方法?？旖萱I的使用，使你可以將精力更好的集中在你的作品而不是工具面板上。一旦你能夠熟練的使用快捷鍵，你就可以使用全屏的工作方式，省卻了不必要的面板位置，使視野更開(kāi)闊，最大限度的利用屏幕空間; 一些簡(jiǎn)單的命令可以用鍵盤來(lái)完成，不必分心在工具的選擇上，哪怕它只占用了極少的時(shí)間，但我們更希望在工作的過(guò)程中能夠更有效率。這次培訓(xùn)使我更加注重技術(shù)技能的，每一步驟和每一技能點(diǎn)相對(duì)應(yīng)，使我對(duì) Photoshop 有了更深一層的了解。更進(jìn)一步的熟悉和掌握一些技能，將書(shū)本上的知識(shí)和實(shí)際合理的結(jié)合在一起。要真正的掌握和使用一個(gè)圖像處理軟件，不僅僅要掌握軟件的操作，還需要掌握?qǐng)D像和圖形方面的知識(shí)，比如圖像類型、圖像格式和顏色模式，以及一些色彩的原理知識(shí)等。

以上就是我對(duì)UI設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)識(shí)和總結(jié),雖然從理論上都知道如何去做,但是實(shí)際做起來(lái)很難。總的來(lái)說(shuō)就是很難突破，很難超越自己。因此，在以后的學(xué)習(xí)中要更加完善自己，突破自己。

?