E R C ICE
E N O C AM
0111
1355 จ ใ ร ต ั ฉ ี ดา ศร ล ต ิ จ ว า โดยนางส
HISTORY ICR-CREME CONE
01 บทที่
ไอศกรีมโคน (Icr-creme Cone) บทที่01 : HISTORY ประวัติไอศกรีมโคน
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
ประวัติไอศกรีมโคน (Ice-cream Cone History) บายวันหนึ่งในป ค.ศ. 1904 รานไอศกรีมเล็ก ๆ ของเด็กหนุมนามวา อารโนลด ฟอรนาโค (Arnold Fornachou) ซึ่งตั้งอยูในรัฐมิสซุรี สหรัฐอเมริกา ไอศกรีมของเขาขายดีมากจนถวยกระดาษหมด จะทำ อยางไร? เขาวิ่งตระเวนหาถวยกระดาษที่อาจเหลือจากรานไอศกรีม เจาอื่น ๆ โชคไมดี ไมมีรานไหนเหลือใหเขาหยิบยืมหรือซื้อตอมาไดเลย เขาหมดหวังเสียแลว เดินคอตกผานรานขนมซาลาเบีย (Zalabia) ของ ชาวอาหรับ เขายืนดูขนมแผนบางโรยดวยน้ำตาล นั่นไง ! คิดไดแลว เขา ซื้อขนมซาลาเบีย มามวนแผนแปงเปนกรวยแหลมยาว ตักไอศกรีมใสใน กรวย ปง! ลูกคาชื่นชอบ อยางมาก ขายดีระเบิดเถิดเทิง ตำนานโคนของไอศกรีมเริ่มแลว จากนั้นแปงกรวยมวนเปนโคนสำเร็จรูป ก็เกิดขึ้น จนกระทั่งป ค.ศ. 1912 นายเอฟ บรักแมน (F.Bruckman ) ชาวเมืองพอรตแลนด มลรัฐโอเรกอน สหรัฐอเมริกา ไดประดิษฐคิดคน เครื่องจักร สำหรับทำโคนใสไอศกรีมสำเร็จ
2
COLOR แนวความคิดด้านสี
02 บทที่
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY
ไอศกรีมโคน (Icr-creme Cone)
โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่01 : COLOR แนวความคิดด้านสี
COLOR : แนวความคิดด้านสี สีของไอศกรีีมจะเปนสีที่มีความหลากหลายออนหวานละมุน เพื่อใหเขากับรูปลักษณความเปนไอศกรีม ดังนั้นจะใช สีพาส เทล ซึ่งเปนสีที่เกิดจากการเอาสีขาวมาผสมเพื่อลดความเขม ของเนื้อสีลง ใหความรูสึกนุมๆหวานๆ เหมาะกับรสชาติของ ไอศกรีม
#FFE1A4
R:255 G:255 B:164 C0 M10 Y41 K0
#F5C78E
R:245 G:199 B:142 C2 M23 Y48 K0
#BCCBBD
R:188 G:203 B:189 C27 M11 Y26 K0
#A4BA70
R:164 G:186 B:112 C39 M13 Y71 K0
#F389A2
R:243 G:137 B:162 C0 M58 Y15 K0
#F68F56
R:246 G:143 B:86 C0 M53 Y72 K0
4
ไอศกรีมโคน (Icr-creme Cone) บทที่01 : COLOR แนวความคิดด้านสี
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
5
LOGO การออกแบโลโก้
03 บทที่
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY
ไอศกรีมโคน (Icr-creme Cone)
โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่03 : LOGO การออกแบบโลโก้
LOGO : การออกแบบโลโก้ การออกแบบโลโกจะใชรูปรางไอศกรีมเปนสวนประกอบหลัก ในการออกแบบ เพื่อสื่อใหชัดเจนและคนมองเห็นเขาใจงาย
Sin
ce
190
4
ICE CR
M EA
ICE CR
M A E M EA
190 ce Sin
4 ce 190 Sin
Sin
ce
190
4
4
ICE CR
ICE CR
M EA
7
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY
ไอศกรีมโคน (Icr-creme Cone)
โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่03 : LOGO การออกแบบโลโก้
E N O C REAM
ICE C
E N O EAM C
R C E C I
E
IC
ON C M A E E CR
E
IC
ON C M A E E CR
8
ICON การออกแบบไอคอน
04 บทที่
ไอศกรีมโคน (Icr-creme Cone) บทที่04 : ICON การออกแบบไอคอน
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
ICON : การออกแบบไอคอน การออกแบบโลโกจะใชรูปรางไอศกรีมเปนสวนประกอบหลัก ในการออกแบบ เพื่อสื่อใหชัดเจนและคนมองเห็นเขาใจงาย
10
GIFTWRAP
05 บทที่
ไอศกรีมโคน (Icr-creme Cone) บทที่05 : GIFTWRAP กระดาษห่อของขวัญ
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
GIFTWRAP : กระดาษห่อของขวัญ การออกกระดาษหอของขวัญจะใช Pattern ในการออกแบบ เปนหลัก เพื่อใหมีลวดลายที่สวยงามและเปนรูปแบบหรือแนว เดียวกัน
12v
ไอศกรีมโคน (Icr-creme Cone) บทที่05 : GIFTWRAP กระดาษห่อของขวัญ
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
13
PATTERN 4 Way
6 Way
8 Way
06 บทที่
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY
ไอศกรีมโคน (Icr-creme Cone)
โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่06 : PATTERN 4 Way Repettition
4 Way Repettition
unit form
2 การตัดรูป(subtraction)
3 การรวมกัน(union)
15
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY
ไอศกรีมโคน (Icr-creme Cone)
โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่06 : PATTERN 6 Way Repettition
6 Way Repettition
1
unit form
2 การตัดรูป(subtraction)
3 การรวมกัน(union)
16
ไอศกรีมโคน (Icr-creme Cone)
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่06 : PATTERN 8 Way Repettition
8 Way Repettition
1
unit form
2 การรวมกัน(union)
17
TYPOGRAPHY การออกแบบตัวอักษร/จัดวางตัวอักษร
07 บทที่
ไอศกรีมโคน (Icr-creme Cone) บทที่07 : TYPOGRAHPY การออกแบบตัวหนังสือ
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
TYPOGRAPHY : การออกแบบตัวหนังสือ การออกแบบตัวหนังสือของไอศกรีมจะใชเสนที่มค ี วามโคง ใหความรูสึกออนไหว สบาย นุมนวล ซึ่งเขากันกับรูปลักษณ ของสคูปไอศกรีมโคน
19
ไอศกรีมโคน (Icr-creme Cone)
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่07 : TYPOGRAPHY การจัดหนังสือ
TYPOGRAPHY : การจัดตัวหนังสือ
CHOCO
YogurtEgg
Vanilla
Mint
Green Tea
ICE CREAM
whipping creamSugar Cheesecake Almond
WAFFLE CONE MILK GELATO Ice Racing Chocolate
Hunney Caramel Green Tea Tiramisu Stowbarry
SHIP Cherry
ICE
20
GRID/LAYOUT ตาราง/จัดวางตัวอักษร
08 บทที่
ไอศกรีมโคน (Icr-creme Cone) บทที่08 : ICON การออกแบบไอคอน
LAYOUT : การจัดวางตัวอักษร Layout คือการจัดวางหนากระดาษ ประกอบดวย ขอความ และ ภาพประกอบใหดูสวยงามและนาใขงาน
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
ICE - CREAM CONE SWEET HONEY STOWBARRY GELATO MAKE HAPPINESS WHEN YOU EATINH!
Contrary to popular belief, Sections 1.10.32 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
gelato Poster got it! Icecream cone Lorem Ipsum comes from sections 1.10.32 & 1.10.33
22
ไอศกรีมโคน (Icr-creme Cone) บทที่01 : ICON การออกแบบไอคอน
GRID : Menuscript Grid เปนกริดที่มีโครงสรางเรียบงายเปนบล็อกใหญบล็อก เดียวหรือคอลัมนเดียว มีชื่อเรียกอีกชื่อวา บล็อกกริด (Block Grid) โดยทั่วไป รูปแบบกริดประเภทนี้ใชกับสิ่ง พิมพที่มีแตเนื้อหาเปนหลัก เชนหนังสือนวนิยายตำรา จดหมายขาว ฯลฯ แตก็สามารถนำภาพมาวางประกอบ แมจะเปนรูปแบบที่เรียบงายแตก็สามารถปรับแตงเลย เอาทใหดูนาสนใจได และไมจำแจเมื่อเปดหนาตอหนา
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
1
Structure
2
Colour
3
Size/Composure 2 1
3
23
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY
ไอศกรีมโคน (Icr-creme Cone)
โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่01 : ICON การออกแบบไอคอน
GRID : Column Grid เปนระบบกริดที่มีความซับซอนมากขึ้น โดยในหนึ่งหนา กระดาษจะมียูนิตกริดสี่เหลี่ยมมากกวา 1ยูนิตโดยแบง พื้นที่ดวยเสนตั้งออกเปนคอลัมนคือ มีขนาดความสูง เกือบเต็มหนาขนาดอาจจะเทากันหรือไมเทากันก็ได มัก มีอัลลียระหวางคอลัมน และมีมารจินลอมรอบ ระบบกริดนี้ มักใชกับงานที่ใหความสำคัญกับตัวหนังสือมากกวาภาพ 1
Structure
Colour
2
3
Size/Composure
1 2
4 3
24
FIGURE&GROUND รูปและพื้น
09 บทที่
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่01 : ICON การออกแบบไอคอน
FIGURE&GROUND : รูปและพื้น
I C E
C
C
I
CRE A M E E EE E EEEE EE E EE E EE EEEE E E E E EE E E E E E E EEEE EE EE EE EEEE E E EE E EEE EEE EE EEEE EE EEE E EE EE EE E EE E E EEE E EEEE E
C R E A M
CI
เปนความสัมพันธหนึ่งที่สำคัญ ใน องคประกอบทัศนศิลป รูป (Figure) ในที่นี้ก็คือ รูปรางและรูปทรง ซึ่งก็หมายถึง สวนที่เปนจุดเดน เนื้อหาที่สำคัญ พื้น (Ground) ก็คือพื้นที่ อื่น ๆ ที่ไมใช รูป ในการมองของมนุษยโดยพื้นฐาน ก็จะ พยายามแยกสิ่งที่สนใจหรือสิ่งที่เปนรูปราง รูปทรงออกมา และในแตละรูปนั้นก็จะแยกตำแหนงหนาหลังออกไปอีก
Stable Figure&Ground Relation
C
ไอศกรีมโคน (Icr-creme Cone)
26
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่01 : ICON การออกแบบไอคอน
R
C R E A M
CC
M
M
M
IIII I
C R
EE EE
M
A A A A
R
RR
AAAA
R R R
M
MM
MMM
R
M
I C E
MM
FIGURE&GROUND : รูปและพื้น
Stable Figure&Ground Relation
AAA
ไอศกรีมโคน (Icr-creme Cone)
27
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่01 : ICON การออกแบบไอคอน
FIGURE&GROUND : รูปและพื้น
Stable Figure&Ground Relation
I C E
A M
C R E A M
RR
E
C A I C C M CC E RR E M
ไอศกรีมโคน (Icr-creme Cone)
28
ไอศกรีมโคน (Icr-creme Cone)
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่01 : ICON การออกแบบไอคอน
FIGURE&GROUND : รูปและพื้น
Stable Figure&Ground Relation
E
M
A
M 29
SUPER UNIT FORM
10 บทที่
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY
ไอศกรีมโคน (Icr-creme Cone)
โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่01 : ICON การออกแบบไอคอน
SUPER UNIT FROM กลุมรูปทรง (Super Unit Form) ที่แสดงหลักการของ ความเหมือนกันซ้ำกัน ความคลายคลึง หรือความแตก ตางกัน ในแนวทางของจุด เสน ระนาบ
1
unit form
2 การตัดรูป(subtraction)
3 การรวมกัน(union)
31
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY
ไอศกรีมโคน (Icr-creme Cone)
โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
บทที่01 : ICON การออกแบบไอคอน
SUPER UNIT FROM
1
unit form
2 การตัดรูป(subtraction)
3 การรวมกัน(union)
32
3DMODEL โมเดลสามมิติ
1
11 บทที่
ไอศกรีมโคน (Icr-creme Cone) บทที่01 : 3D MODEL โมเดลสามมิติ
802311 DESIGNING PRINCIPLES OF WEBSITE USABILITY โดย นางสาวจิตลดา ศรีฉัตรใจ 13550111 คณะICT : มหาวิทยาลัยศิลปากร
ICE CREAM MODEL
Pattern / Flatten Face
Perspactive
34