article_main_img

文、Andy老師

 

 

大家好,這篇繼續示範用Indesign來製作菜單,以下是完成圖。

 

 

 

 

上一篇 我們已經規劃出要製作的版面參考線,現在我們就可以來置入圖片,首先我們先使用矩形框架工具,如下圖所示。

 

 

 

 

然後在左頁對著參考線拉出一個圖片矩形框架,如下圖所示。

 

 

 

 

再來從 檔案/置入 ,此時會跳出開啟檔案的視窗,選到我們要置入的圖片,圖片便會置入我們畫好的矩形框架內,但圖片會因為圖片本身尺寸大小不同,置入框架會顯示原始尺寸大小。導致有時圖片在框架內過大,此時可以在圖片框架位置按右鍵,會彈出 符合/等比例 填滿框架,此時圖片就會自動縮放符合框架大小,如下圖所示。

 

 

 

 

 

 

 

再來在上方面板靠右處,有一個圖片框架邊線與填色,記得都改為無。這樣圖片邊緣才不會有框線,如下圖所示。

 

 

 

 

依此方法,即可置入其他圖片於版面上,另外如需自行移動或縮放框架內的圖片,可使用選取工具,點選圖片,會出現一個圓圈在框架中間,同時會出現咖啡色的圖片框線,此時按著圓圈可移動圖片,拖拉咖啡色線可改變圖片大小,如下圖所示。

 

 

 

 

接者用矩形工具繪製色塊,用矩形工具沿著參考線繪製矩形,並於 視窗/顏色/顏色,打開顏色面板,即可改變矩形顏色,如下圖所示。

 

 

 

 

並於上方面板將矩形邊框,改為無描邊,如下圖所示。

 

 

 

 

如此重複此畫矩形的步驟,即可完成版面色塊的繪製,如下圖所示。

 

 

 

 

再來使用垂直文字工具,如下圖所示。

 

 

 

 

接著使用文字工具拖出一個文字框,如下圖所示。

 

 

 

 

並打上文字,並於 物件/符合/使文字符合框架,如下圖所示。

 

 

 

 

並用文字工具框選文字,並使用上方文字選單,來調整文字大小,間距,字體,顏色等,如下圖所示。

 

 

 

 

如此就完成版面圖片與色塊,標題,等排版,如下圖所示。

 

 

 

下一篇就來設定菜單文字與價錢,將使用段落樣式來製作,下篇見,謝謝觀賞。


文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

Photo credit:Pexels

 

 

 

文、KK

 

哈囉!我是kk,一個『從事數位行銷十多年,也熱愛幫你透過網路,創造財富』的分享家。

 

對使用者而言,進入一個網站,首先會看到的是網站整體設計風格,包括主視覺、圖文的版面配置、選單的位置和呈現方式等,也是影響使用者是否願意持續停留的主要原因之一。WordPress支援多種外觀設計,一鍵下載安裝啟用,可快速建立網站形象,替換其他外觀也很方便。

 

 

讓我們來看看具體「新增外觀」設如何做呢?

當你進入WordPress後台,在選單列表內,選擇「外觀」>「佈景主題」,會看到一些推薦的佈景主題,進一步點選「安裝佈景主題」,搜尋更多佈景主題。透過佈景主題圖片上方的篩選器,可依照「熱門」、「最新上架及更新」、「我的最愛」、「特色篩選條件」快速篩選。

 

 

 

 

選定一個佈景主題後,可先點選「預覽」了解佈景架構版面,決定是否是自己想要的風格,點選「安裝」>「啟用」正式套版你的網站。

 

 

 

 

 

後續須改版網站風格,也可回到「佈景主題」選擇該佈景,點選右下角的「刪除」。

 

 

 

 

下載佈景主題後,有客製化調整的空間嗎?

答案是有的,選擇「外觀」>「佈景主題」>點選一個佈景主題>「即時預覽」,可進行版面的細部調整。

 

 

 

 

包括改變LOGO位置、文案等。選擇「選單」可以調整選單內容,以及設定階層,也就是主分類下是否設定其他次分類,以及要有多少階層。階層的設計建議依照主題屬性和使用者便利性為原則來調整。

 

 

 

 

選擇「首頁設定」可以選取網站首頁要顯示的內容,可選擇「最新文章」採部落格般依照最新文章露出時間排序,也可選擇「靜態頁面」呈現特定頁面,請先建立至少兩個頁面,並將其中一個設定為首頁,而另一個則設定為顯示文章的頁面。

 

 

 

 

依照上述步驟,使用可可輕鬆完成網站設計編排。參考更多使用WordPress製作的網站範例,如:Bloomberg Professional ServicesFACEBOOK NewsroomSONY MUSIC

 


文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文、意如老師

 

 

如何快速建立一個有水準的問卷表單或試卷,凡是想調查資訊、蒐集資料,例如大夥一起訂便當飲料、課後問卷、調查同仁意願等等…,只要建立Google表單就可以簡單又快速達到蒐集這些資訊並分析這些資料。

今天就來實作如何快速建立Google表單。

 

 

 

首先必須有個Google帳號,接著登入後,點選右上角九宮格,在選單中找到Google表單。

 

 

 

 

任務清單:

任務一:設計表單外觀。

任務二:設計一個下拉選單,讓使用者選擇方便收貨時間。

任務三:設計一個單選題,並且可以讓使用者在選完後輸入文字。

任務四:設計一個讓使用者可以依喜好程度做選擇。

任務五:在表單中加入圖片或Youtube影片。

任務六:幫你的表單分段處理。

任務七:匯入之前已建立好的題目,將其匯入。

 

 

 

任務一:設計表單外觀

 

點選右上角的調色盤,的主題選項:

1. 使用圖庫中的圖片,或上傳自己的圖片

2. 選擇主題顏色

3. 選擇背景顏色

4. 選擇字體樣式

 

 

 

 

設定好後,可以點選右上角的眼睛來預覽設計後的效果。

 

 

 

 

任務二:設計一個下拉選單,讓使用者選擇方便收貨時間

 

選項1為上午10:00-12:00

選項2為下午13:00-17:00

選項3為其它

如下圖:

 

 

 

 

操作步驟如下:

1. 點選”+”號新增問題

2. 選擇樣式為”下拉式選單”

 

 

 

 

輸入問題及選項,也可新增無數個選項。

 

 

 

 

如此問題為必填也可以打開必填開關。

 

 

 

 

完成檔如下圖,欄位後方多了紅色*字號,代表為必填欄位。

 

 

 

 

任務三:設計一個單選題,並且可以讓使用者在選完後輸入文字

 

步驟如下:

1. 點選+號

2. 選擇「選擇題」

3. 輸入題目及選項

4. 最後點選「新增其他」

 

 

 

 

完成檔如下:

 

 

 

 

任務四:設計一個喜好程度,如下圖

 

 

 

 

步驟如下:

1. 點選+號

2. 選擇”單選方格”

3. 輸入標題

4. 輸入列項目

5. 輸入固定欄項目

6. 如果需要每題必選,需打開開關

 

 

 

 

任務五:在表單中加入圖片或Youtube影片

 

步驟如下:

1. 點選+號

2. 可插入圖片

3. 可插入youtube

 

 

 

 

3-1插入Youtube影片,選擇完畢後,點選[選取]按鈕,即可成功插入表單中

 

 

 

 

完成檔如下:

 

 

 

 

任務六:幫你的表單分段處理

 

我們可以整理好將相關的問題放在相同的區段內,只要在想分段的地方點選新增區段即可。

 

 

 

 

如果不需要此區段,點選右上角更多選項中刪除區段即可。

 

 

 

 

任務七:匯入之前已建立好的題目,將其匯入

 

1. 點擊匯入問題

 

 

 

 

2. 選擇之前做好的表單後匯入

 

 

 

 

3. 在這份表單中可以選擇你要匯入哪幾題問題,或者選擇全選匯入所有問題。

 

 

 

 

匯入進來後成為本表單的一部分,即可再視需求調整

 

 

 

 

最後點選左上角更新表單名稱後,再選擇右上角的眼睛即可預覽目前表單。

 

 

 

 

完成檔如下:

 

 

 

確認完畢後,就可以複製上方的網址,讓使用者來填入表單。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文、耀月老師

 

 

各位同學大家好!

最近疫情期間大家都在家做什麼呢?有人會研發料理嗎?今天就來介紹一道傳統料理「控肉」,希望大家會覺得好吃!

 

 

 

使用筆刷:輕柔噴槍、數位噴槍、混色筆-紙加水、混色筆-紋路水化、帶有紋路的筆刷、粉彩筆等…

 

👉 推薦課程:數位創意電繪設計

 

 

 

1. 首先先拿出數位噴槍,來繪製整體底色和盤子的色塊。

 

 

 

 

2. 接著一樣使用數位噴槍來繪製整個主題的顏色,因為控肉的顏色是偏向”咖啡色”為主,所以我使用了不同色系的咖啡色來繪製控肉的色塊。

 

 

 

 

3. 將色塊完成之後,來繪製盤子上的控肉倒影,會先畫的目的是為了讓控肉和盤子更貼合,陰影的部分可以搭配混色筆-”紙加水”做使用。

 

 

 

 

4. 將盤子上的倒影畫完之後,接著繪製桌面上的倒影,這邊也是先將事前的色塊和陰影處理完畢。

 

 

 

 

5. 使用”錐形康特筆”,或”細節噴槍”來繪製控肉上的綁繩,因為綁繩的部分比較細,所以使用較細的筆刷較好控制。

 

 

 

 

6. 在來可以使用”粉彩筆”搭配”紙加水”繪製控肉上方的質感和紋理,先以大範圍做繪製,一邊繪製一邊塗抹…

 

 

 

 

7. 將前方的控肉光澤繪製的差不多以後,接著繪製後方的控肉光澤,先以大概的感覺做繪製即可,之後再細畫。

 

 

 

 

8. 將前方控肉的細節畫出來,畫的時候注意肉的”紋理分布”以及光澤的部分,明暗變化也很重要,可以參考”控肉”的照片來做繪製。

 

 

 

 

9. 將控肉都完成之後,來繪製底下的盤子,盤子的部分細節處理方面比較麻煩,可以利用其他盤子的圖樣參考後做繪製。

 

 

 

 

10. 將整體光影、整體配色重新配置一番就完成了!要怎麼讓整體顏色統一呢?可以在圖層上開啟一個”柔光”的構成方式的圖層,然後倒入一個”暖色系”的色彩,就可以讓整體呈現在一個色系上面,

看起來是不是很好吃呢~

 

 

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()