【正文】 中受益匪淺。第四篇：《VI設(shè)計》實訓課期末考試題《VI設(shè)計》實訓課期末考試題命題人：馬安民命題時間：2007年12月13日選取教材：《VI設(shè)計》，華中科技大學出版社，作者：柯勤抒汪超順 考試范圍：教材全冊 考試用時：50分鐘（在計算機的E盤下建立一個以“VI考試（考生姓名）”為名的文件夾，下面各題所產(chǎn)生的文件均保存在此文件夾）一，“寶雞重型機械集團有限公司”（英文名稱全稱為“BAOJI HEAVY MACHINERY GROUP CO．，LTD”）委托您為他們公司設(shè)計一個標志，請你為他們構(gòu)思標志并將標志的大效果表現(xiàn)出來。要求以及評分標準：1，可以任意選擇設(shè)計軟件，繪制好的標志要保存為“gif”格式的文件，背景為透明色，同時要保存源文件；（10分）2，設(shè)計出來的標志形體美觀，簡潔明了，要能夠很好的體現(xiàn)該企業(yè)的形象特征，即體現(xiàn)標志設(shè)計的功能性；（15分）3，標志應(yīng)該有明確的色彩設(shè)置，色彩的應(yīng)用要符合該企業(yè)的形象特征，要符合人們的審美習慣，同時要能夠強化企業(yè)形象；（15分）4，給繪制好的標志制作一個標準稿，另外再制作一個黑白稿和反白稿；（15分）5，繪制完稿子以后，在圖形的旁邊空白處為自己的設(shè)計構(gòu)思作注釋，說明自己的設(shè)計思路和標志的形體和色彩的含義。（5分）二，根據(jù)自己設(shè)計的標志的特征，再給該企業(yè)設(shè)計他們的標準字體，并將標志和標準字體進行組合，做出四種規(guī)范的組合形式，該企業(yè)的中文全稱為“寶雞重型機械集團有限公司”，中文簡稱為“寶重”，英文全稱為“BAOJI HEAVY MACHINERY GROUP CO．，LTD”，英文簡稱為“BZ”。要求：1，標志與標準字體的組合形體合理，符合使用習慣和審美習慣； 2，標準字體的設(shè)計要與標志保持統(tǒng)一的設(shè)計風格； 3，在源文件中，文字要轉(zhuǎn)換成曲線或者柵格化。評分標準：每完成一種組合最多可以得10分，在10分的基礎(chǔ)上按照上邊的三條標準進行評分，第2個標準各占40%，第三個標準占20%。第五篇：VI設(shè)計報告青島大學本科課程設(shè)計題目：UI設(shè)計 學院：電子信息學院 專業(yè)：電子信息工程2017年9月15日青島大學電信互認課程設(shè)計一、設(shè)計任務(wù)UI設(shè)計： 二、課程知識點詳解 ：（1）平面設(shè)計平面設(shè)計/視覺傳達：以視覺為導(dǎo)向，通過圖像來傳遞信息的一門藝術(shù)。原則：信息傳達清晰準確；畫面效果美觀。包含：海報招貼、書籍畫冊排版、VI（Visual Identity）設(shè)計/企業(yè)形象設(shè)計 等等。軟件：Photoshop（PS）illustrator（Ai）corelDRAW（cdr）indesign（ID）（2）Photoshop Adobe Photoshop，簡稱“PS”，是由Adobe公司開發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。版本：1990——2003 ——(CS)早期的Photoshop 版本。2003——2013 Photoshop CS——Photoshop CS6 成熟期的Photoshop版本，確立了在位圖處理領(lǐng)域的核心地位。2014——2017 Photoshop CC2014——Photoshop CC2017 Photoshop標準版，著重加強了UI開發(fā)功能。青島大學電信互認課程設(shè)計（3）位圖和矢量圖 位圖: 亦稱為點陣圖像或繪制圖像，是由稱作像素（圖片元素）的單個點組成的。如：建筑立面馬賽克拼圖。常見文件格式：jpg/jpeg png gif tiff Jpg圖俗稱“勾圖”?；ヂ?lián)網(wǎng)上我們看到的圖片全是位圖。矢量圖: 矢量圖也稱之為為向量圖，是圖形學中基于數(shù)學方程的幾何圖形，由邊線和填色組成。如：圓的數(shù)學公式：(xa)178。+(yb)178。=r178。常見文件格式：ai eps cdr。矢量圖一般作為圖片的制作源文件或者印刷噴繪的源文件。圖11 包括菜單欄、工具欄、屬性欄、浮動面板、工作區(qū)。可以選擇更改屏幕模式：使用tab鍵或f鍵。還包括兩種模式：標準模式或全屏模式（大師模式）。（1）打開圖片的方式文件（菜單）—— 打開（ctrl + O）拖拽右擊—— 打開方式青島大學電信互認課程設(shè)計修改圖片的默認打開方式 右擊—— 屬性（2）新建文件/畫布（ctrl+ N）像素：是構(gòu)成數(shù)碼影像的基本單元點圖片尺寸：是指圖像的長和寬，單位是mm、cm、英寸等長度單位分辨率：是指單位長度內(nèi)包含的像素點的數(shù)量，它的單位通常為像素/英寸（ppi或dpi，區(qū)別于平時所說的手機屏幕分辨率）右擊圖片—— 屬性—— 詳細信息圖片總像素=（長*分辨率）*（寬*分辨率）圖片總像素= 橫向像素數(shù) * 縱向像素數(shù)尺寸一定的情況下，分辨率越大總像素數(shù)越多。顏色模式：RGB CMYK 位深度：8位 2的8次方 例：從純黑到純白有256（2的8次方）個色階 保存和另存為：PSDjpg/jpeg png(可以保存透明底圖片)gif（可保存動態(tài)圖片）（3）圖層介紹移動工具：圖層面板：F7 V 新建圖層：ctrl + shift + N 點擊圖層面板新建按鈕 復(fù)制圖層ctrl + J拖拽目標圖層至新建圖層按鈕 按住alt 用移動工具拖動圖層刪除圖層：delete或者backspace 右擊—— 刪除圖層點擊或者拖拽目標圖層至刪除按鈕顯示/隱藏圖層：青島大學電信互認課程設(shè)計鎖定編組鏈接合并圖層 ctrl + E 蓋印圖層 ctrl + shif + alt + E 圖層順序：向上/下移動1層 ctrl + 【/】直接移動到頂/底 ctrl + shift +【/】 用鼠標拖動圖層到合適的位置（4）歷史記錄歷史記錄面板 窗口（菜單）—— 歷史記錄 后退 ctrl + Z 連續(xù)后退 ctrl + alt + Z（注：與qq熱鍵沖突）修改默認歷史記錄步數(shù)編輯（菜單）—— 首選項—— 性能—— 歷史記錄狀態(tài)（5）自定義暫存盤圖12青島大學電信互認課程設(shè)計在運行PhotoShop的時候，會產(chǎn)生一個photoshop臨時文件，會占用大量的內(nèi)存空間，如果內(nèi)存滿了臨時文件會暫時存放在暫存盤。更改暫存盤的位置（默認是C盤），方法如下：編輯》首選項》性能——》暫存盤（選一個相對較大的盤符）。（6）自定義快捷鍵（建議使用默認快捷鍵）編輯——》鍵盤快捷鍵（7）基本選取工具介紹工具箱：窗口（菜單欄）— 工具選區(qū)概念： 螞蟻線 選區(qū)隱藏（ctrl + H）選區(qū)布爾運算：加選shit，減選ctrl，交叉選ctrl+alt 取消選擇： ctrl + D 選擇（菜單）—— 取消選擇 全選： ctrl + A 選擇（菜單）—— 全部選擇 反選： ctrl + shit + I 選擇（菜單）—— 反選自由變換： ctrl + T 編輯（菜單）——自由變換填充顏色：填充背景色 ctrl + delete；填充前景色 alt + delete；編輯——填充 shif+f5(前景色/背景色/內(nèi)容識別)內(nèi)容識別：PS會根據(jù)填充區(qū)域周圍的環(huán)境計算填充的內(nèi)容（常用于修圖）裁切工具：（可以修改畫布大小）圖像大小ctrl+alt+i畫布大小 ctrl+alt+c 吸管工具： 吸取顏色，吸取額顏色會顯示為前景色 簡單摳圖：選框 套索 魔棒載入選區(qū) ctrl + 點擊圖層縮略圖 原位復(fù)制 ctrl+J（8）簡單修圖：修補工具組和圖章工具組仿制圖章工具和修復(fù)畫筆工具要按住alt定義取樣點青島大學電信互認課程設(shè)計（1）圖標設(shè)計：本質(zhì)上是對現(xiàn)實事物的抽象和概括，以圖形語言表達出來，讓信息的傳遞更加簡潔優(yōu)美。（2）圖標設(shè)計的原則：可識別性/共性、美觀性、差異性/原創(chuàng)性技術(shù)點：概括總結(jié)能力、造型能力、色彩搭配能圖標類別：擬物化圖標 扁平化圖標 剪影圖標 線性圖標（3）扁平化設(shè)計：扁平化概念的核心意義是：去除冗余、厚重和繁雜的裝飾效果（投影、漸變、紋理、立體等）。讓“信息”本身重新作為核心被凸顯出來。強調(diào)了抽象、極簡和符號化特征。第一步：尋找隱喻（一類事物的共性或者特點）圖21 第二步：抽象概括圖像青島大學電信互認課程設(shè)計圖22 第三步：確定風格圖23 第四步：調(diào)整細節(jié) 第五步：場景測試 由于屏幕分辨率和使用場景和背景的不同，我們需要讓設(shè)計好的圖標再各個環(huán)境中做到最好的兼容性。三、學習效果展示圖標和logo設(shè)計效果：青島大學電信互認課程設(shè)計圖31圖32圖33web頁面設(shè)計效果:青島大學電信互認課程設(shè)計圖34圖35四、設(shè)計課程體悟通過本次課程，我了解了UI設(shè)計的基本內(nèi)容，熟悉了UI設(shè)計師的基本職能分類，主要分為圖形設(shè)計、交互設(shè)計、用戶測試/研究等方面，具體掌握了圖標和logo 的設(shè)計、web頁面設(shè)計的基本流程，強化了對課程的認識。