Slide 1

Slide 1 text

v1 2018.3.13 © 2018 Satori MARU. @usagimaruma ೔ ຊ ޠ Ξ ϓ Ϧ έ ồ γ ἀ ϯ ͷ Π ϯ λ ồ ϑ ỻ Π ε σ β Π ϯ UI Crunch #12 ň ఻ ͑ Δ Ứ Λ Ճ ଎ ͞ ͤ Δ Ố ॻ ͘ ỏ ಡ Ή 6*

Slide 2

Slide 2 text

@usagimaruma ؙྯཬ · Δ ͞ ͱ Γ גࣜձࣾάουύον Application Designer • Interface Developer • iOS Developer macOS Developer • Sketch Plugin Developer

Slide 3

Slide 3 text

JINS Inc. v1

Slide 4

Slide 4 text

גࣜձࣾϕδΦϕδί iOS / ʙ1.0.1 Λ୲౰ vegeryorganics.com

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

શࠃͷ޻ܳ࢈஍Λͭͳཱྀ͙ͷ͓ͱ΋ϝσΟΞ TVODIJKQ גࣜձࣾத઒੓ࣣ঎ళ iOS / ʙ2.0.1 Λ୲౰

Slide 7

Slide 7 text

JP EN த ࡥ ൟ ৄࡉݕࡧΛදࣔ ೥౓Λબ୒ ಛผ৆Λબ୒ IUUQTXXXHNBSLPSHBXBSEEFTDSJCF UPLFO[B6J%6M3E

Slide 8

Slide 8 text

શࠃͷ޻ܳ࢈஍Λͭͳཱྀ͙ͷ͓ͱ΋ϝσΟΞ TVODIJKQ גࣜձࣾத઒੓ࣣ঎ళ

Slide 9

Slide 9 text

ཱྀҹ஽ ͨͼ͍Μͪΐ͏

Slide 10

Slide 10 text

࿨ྐྵ ॎ૊Έ ׽਺ࣈɾه਺๏

Slide 11

Slide 11 text

จ Խ ͷ ཧ ղ ࿨ྐྵ ॎ૊Έ ׽਺ࣈɾه਺๏

Slide 12

Slide 12 text

จԽʹجͮ͘ΠϯλʔϑΣΠεͷํ޲

Slide 13

Slide 13 text

ň෷࿠࡯ࣙൣʢ;ΒΜ͢͡͸Μʣʼn૲ߘ

Slide 14

Slide 14 text

ň෷࿠࡯ࣙൣʢ;ΒΜ͢͡͸Μʣʼn૲ߘ

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Πϥετɿ@tobefrog

Slide 22

Slide 22 text

http://mogumogunews.com/2014/07/topic_7553/

Slide 23

Slide 23 text

https://twitter.com/nonomaru116/status/741528924761378817 https://www.amazon.co.jp/dp/B009HPDI30/

Slide 24

Slide 24 text

https://twitter.com/nonomaru116/status/741528924761378817 https://www.amazon.co.jp/dp/B009HPDI30/

Slide 25

Slide 25 text

https://twitter.com/horicun/status/749811918408343552

Slide 26

Slide 26 text

https://commons.wikimedia.org/wiki/File:Tobus_D-H245_2016-9-16.jpg https://commons.wikimedia.org/wiki/File:Mercedes-Benz_Bus_O405N_ZOB_Hannover_Germany.jpg

Slide 27

Slide 27 text

https://commons.wikimedia.org/wiki/File:Shikoku_Pilgrimage_Map01.png https://commons.wikimedia.org/wiki/File:Prayer_wheels_in_Samye.jpg

Slide 28

Slide 28 text

೔ຊ๏ྩ֎ࠃޠ༁σʔλϕʔεγεςϜ http://www.japaneselawtranslation.go.jp/

Slide 29

Slide 29 text

೔ຊ๏ྩ֎ࠃޠ༁σʔλϕʔεγεςϜ http://www.japaneselawtranslation.go.jp/

Slide 30

Slide 30 text

https://commons.wikimedia.org/wiki/File:Tuzurizi12.jpg

Slide 31

Slide 31 text

https://commons.wikimedia.org/wiki/File:ϚϯΨͷน_഑Սݕࡧ_ޒेԻ_(7900192680).jpg

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

৘ใͷྲྀΕͱΠϯλʔϑΣΠεͷํ޲ ৘ใల։ͷݪଇ

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

൱ఆ ಉҙ

Slide 36

Slide 36 text

൱ఆ ಉҙ

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

https://msdn.microsoft.com/ja-jp/library/windows/desktop/dn742498.aspx macOS Windows

Slide 43

Slide 43 text

https://msdn.microsoft.com/ja-jp/library/windows/desktop/dn742498.aspx ൱ఆ ൱ఆ ߠఆ ߠఆ ൱ఆ ൱ఆ macOS Windows

Slide 44

Slide 44 text

https://msdn.microsoft.com/ja-jp/library/windows/desktop/dn742498.aspx ߠఆ ߠఆ ൱ఆ ൱ఆ ൱ఆ ൱ఆ macOS Windows

Slide 45

Slide 45 text

https://developer.apple.com/videos/play/wwdc2016/232/

Slide 46

Slide 46 text

https://developer.apple.com/videos/play/wwdc2016/232/

Slide 47

Slide 47 text

https://developer.apple.com/videos/play/wwdc2016/232/

Slide 48

Slide 48 text

https://developer.apple.com/videos/play/wwdc2016/232/

Slide 49

Slide 49 text

https://developer.apple.com/videos/play/wwdc2016/232/

Slide 50

Slide 50 text

https://www.flickr.com/photos/ktdm_jp/13051130174

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

ฏ ੒ ࡾ े ೥ े Ұ ݄ ฏ ੒ ೥ ݄ 11 30 ೋ ઍ े ീ ೥ े Ұ ݄ ೋ ࿡ ࣣ ീ ೥ े Ұ ݄ ೋ ʓ Ұ ീ ೥ Ұ Ұ ݄ ੢ ྐྵ ੢ ྐྵ ߖ ل ࿨ ྐྵ ࿨ ྐྵ

Slide 53

Slide 53 text

ฏ ੒ ೥ ݄ 11 30 ฏ ੒ ࡾ े ೥ े Ұ ݄ ೋ ઍ े ീ ೥ े Ұ ݄ ೋ ࿡ ࣣ ീ ೥ े Ұ ݄ ೋ ʓ Ұ ീ ೥ Ұ Ұ ݄ ੢ ྐྵ ੢ ྐྵ ߖ ل ࿨ ྐྵ ࿨ ྐྵ

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

৽ݩ߸͕ൃද͞Εɺ04͕ରԠ͢Ε͹ਖ਼ৗʹಈ͘͸ͣ

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

No content

Slide 61

Slide 61 text

શࠃͷ޻ܳ࢈஍Λͭͳཱྀ͙ͷ͓ͱ΋ϝσΟΞ TVODIJKQ גࣜձࣾத઒੓ࣣ঎ళ

Slide 62

Slide 62 text

೔ຊޠͱλΠϙάϥϑΟ

Slide 63

Slide 63 text

Cen

Slide 64

Slide 64 text

தԝ഑ஔ Center

Slide 65

Slide 65 text

தԝ഑ஔ Center

Slide 66

Slide 66 text

Typography

Slide 67

Slide 67 text

Typography Ascender line Mean line x-height Descender line Cap line Base line Cap height Descender Ascender Line Height

Slide 68

Slide 68 text

x-height Ascender Descender  Leading Typography

Slide 69

Slide 69 text

 Leading x-height Ascender Descender Typoάϥphy

Slide 70

Slide 70 text

 Leading x-height Ascender Descender Typoάϥphy

Slide 71

Slide 71 text

Leading  x-height Ascender Descender Typoάϥphy

Slide 72

Slide 72 text

ώϥΪϊ໌ே Line Height Leading  Ascender Descender 5ZQPάϥQIZ

Slide 73

Slide 73 text

தԝ഑ஔ Center Leading

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

ώϥΪϊ֯ΰγοΫ ᕟΰγοΫମ ஜࢵAؙΰγοΫ AXIS Std Noto Sans CJK JP Osaka

Slide 76

Slide 76 text

Apple ͷγεςϜϑΥϯτ San Francisco

Slide 77

Slide 77 text

SF Pro Display SF Pro Text SF Compact Display SF Compact Text SF Mono San Francisco !"#$%&'()* !"#$%&'()* Ultra Light Light Thin Medium Regular Black Heavy Semibold Bold

Slide 78

Slide 78 text

SF Pro Display SF Pro Text Ultra Light Light Thin Medium Regular Black Heavy Semibold Bold Light Medium Regular Heavy Semibold Bold

Slide 79

Slide 79 text

SF Pro Display SF Pro Text Text Talk Text Talk Text Talk Text Talk

Slide 80

Slide 80 text

Text Talk Text Talk SF Pro Display SF Pro Text Text Talk Text Talk

Slide 81

Slide 81 text

SF Pro Display SF Pro Text Text Talk Text Talk Text Talk Text Talk

Slide 82

Slide 82 text

SF Pro Display SF Pro Text Text Talk Text Talk Text Talk Text Talk େ͖ͳλΠτϧ޲͚ ࢹೝੑɺՄಡੑॏࢹ 20pt Ҏ্ͷςΩετ 20pt ະຬͷςΩετ

Slide 83

Slide 83 text

https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/

Slide 84

Slide 84 text

System Font

Slide 85

Slide 85 text

SF Pro Text < 20pt >= 20pt SF Pro Display “Lorem ipsum dolor sit amet...”

Slide 86

Slide 86 text

SF Pro Text < 20pt >= 20pt SF Pro Display “Lorem ipsum dolor sit amet...”

Slide 87

Slide 87 text

System Font SF Pro )JSBHJOP4BOT en ja zh ko SF Pro SF Pro 3LQJ)DQJ6& SF Pro "QQMF4%(PUIJD/FP + + + ϝλϑΥϯτ Metrics Metrics Metrics Metrics × × × ×

Slide 88

Slide 88 text

த՚ϑΥϯτݱ৅

Slide 89

Slide 89 text

No content

Slide 90

Slide 90 text

No content

Slide 91

Slide 91 text

ۭ ᑮ ॢ ໖ ρϬᓟΨᑮ΁ͭͼ͚Δͯ ιϤᓪΤ໖ͽͩ͸͖ΐͫ PingFang SC STHeiti Apple SD Gothic Neo தࠃޠ தࠃޠ ؖࠃޠ ΰϛശΛۭʹ͍ͯ͠·͢ Hiragino Sans ೔ຊޠ NJǵདƵॢƎźƉŧơż Hiragino Sans GB தࠃޠ

Slide 92

Slide 92 text

ᑮ ᅍ ፗ ݍ ۸ ڒ 櫏 ၹ ବ ಅ ࢏ 气 ਖ਼ ᥯ PingFang SC Hiragino Sans ۭ փ ௚ ൓ Խ ਕ ࡶ ւ ఈ ॴ ث ྨ ক ֯

Slide 93

Slide 93 text

ݴޠ༏ઌ౓ɿ೔ຊޠʼதࠃޠɾؖࠃޠ

Slide 94

Slide 94 text

ϓϩάϥϛϯάͰղܾɿڧ੍తʹ೔ຊޠʹϑΥʔϧόοΫ

Slide 95

Slide 95 text

ϓϥοτϑΥʔϜͷ࢓૊Έ

Slide 96

Slide 96 text

https://goodpatch.com/blog/dialog-design/

Slide 97

Slide 97 text

͍͍͑ ͸͍ Ωϟϯηϧ͢Δͱ಺༰͕ফ͑ͯ͠·͏ͷ Ͱอଘ͢Δ͜ͱΛ͓קΊ͠·͢ɻ ฤू಺༰ΛΩϟϯηϧͯ͠΋Α Ζ͍͠Ͱ͔͢ʁ

Slide 98

Slide 98 text

͍͍͑ ͸͍ Ωϟϯηϧ͢Δͱ಺༰͕ফ͑ͯ͠·͏ͷ Ͱอଘ͢Δ͜ͱΛ͓קΊ͠·͢ɻ ฤू಺༰ΛΩϟϯηϧͯ͠΋Α Ζ͍͠Ͱ͔͢ʁ Ωϟϯηϧʁɹอଘʁɹ͸͍ʁɹ͍͍͑ʁ !

Slide 99

Slide 99 text

͍͍͑ ͸͍ Ωϟϯηϧ͢Δͱ಺༰͕ফ͑ͯ͠·͏ͷ Ͱอଘ͢Δ͜ͱΛ͓קΊ͠·͢ɻ ฤू಺༰ΛΩϟϯηϧͯ͠΋Α Ζ͍͠Ͱ͔͢ʁ ! ʮฤू಺༰ΛΩϟϯηϧͨ͘͠ͳ͍ʯʹʮ͍͍͑ʯʁ

Slide 100

Slide 100 text

͍͍͑ ͸͍ Ωϟϯηϧ͢Δͱ಺༰͕ফ͑ͯ͠·͏ͷ Ͱอଘ͢Δ͜ͱΛ͓קΊ͠·͢ɻ ฤू಺༰ΛΩϟϯηϧͯ͠΋Α Ζ͍͠Ͱ͔͢ʁ ! ʮฤू಺༰͕ফ͑ͯ͠·Θͳ͍Α͏ʹʯʹʮ͍͍͑ʯʁ

Slide 101

Slide 101 text

͍͍͑ ͸͍ Ωϟϯηϧ͢Δͱ಺༰͕ফ͑ͯ͠·͏ͷ Ͱอଘ͢Δ͜ͱΛ͓קΊ͠·͢ɻ ฤू಺༰ΛΩϟϯηϧͯ͠΋Α Ζ͍͠Ͱ͔͢ʁ ! ʮฤू಺༰ΛΩϟϯηϧ͍ͨ͠ʯʹʮ͸͍ʯʁ

Slide 102

Slide 102 text

͍͍͑ ͸͍ Ωϟϯηϧ͢Δͱ಺༰͕ফ͑ͯ͠·͏ͷ Ͱอଘ͢Δ͜ͱΛ͓קΊ͠·͢ɻ ฤू಺༰ΛΩϟϯηϧͯ͠΋Α Ζ͍͠Ͱ͔͢ʁ ! ʮอଘ͢Δʯʹʮ͸͍ʯʁ

Slide 103

Slide 103 text

͍͍͑ ͸͍ Ωϟϯηϧ͢Δͱ಺༰͕ফ͑ͯ͠·͏ͷ Ͱอଘ͢Δ͜ͱΛ͓קΊ͠·͢ɻ ฤू಺༰ΛΩϟϯηϧͯ͠΋Α Ζ͍͠Ͱ͔͢ʁ

Slide 104

Slide 104 text

͍͍͑ ͸͍ Ωϟϯηϧ͢Δͱ಺༰͕ফ͑ͯ͠·͏ͷ Ͱอଘ͢Δ͜ͱΛ͓קΊ͠·͢ɻ ฤू಺༰ΛΩϟϯηϧͯ͠΋Α Ζ͍͠Ͱ͔͢ʁ

Slide 105

Slide 105 text

Ωϟϯηϧ ഁغ ฤू಺༰Λഁغ͠·͔͢ʁ

Slide 106

Slide 106 text

Ωϟϯηϧ ഁغ ฤू಺༰Λഁغ͠·͔͢ʁ ഁغ͠·͔͢ʁɹˠɹഁغ

Slide 107

Slide 107 text

• ΞΫγϣϯ໊ʹʮ͸͍ʼnň͍͍͑ʯΛ༻͍ͳ͍ • ΞΫγϣϯ໊Λಈࢺදݱʹ͢Δ • ໰͍͔͚಺༰ͱಉҙతΞΫγϣϯ໊ΛҰகͤ͞Δ • ňΩϟϯηϧʯ͸GUIͰΑ͘࢖ΘΕΔͷͰආ͚Δ ୅ΘΓʹʮதࢭʼnňऔΓফ͠ʼnňऔΓ΍ΊʯͳͲΛݕ౼͢Δ • ಈ࡞ͷओମΛϢʔβʔʹ͢Δ • ໃ६ͨ͠ϝοηʔδΛؚΊͳ͍ • ؆ܿʹදݱ͢Δ Ωϟϯηϧ ഁغ ฤू಺༰Λഁغ͠·͔͢ʁ

Slide 108

Slide 108 text

Ωϟϯηϧ ഁغ ฤू಺༰Λഁغ͠·͔͢ʁ

Slide 109

Slide 109 text

Ωϟϯηϧ ഁغ ಺༰Λอଘ ฤू಺༰Λഁغ͠·͔͢ʁ

Slide 110

Slide 110 text

• ίϯςϯπ ʹର͢Δ ΞΫγϣϯ Λఏࣔ͢Δ • Ϣʔβʔ͕ೳಈతʹߦಈ͢Δ৔߹ʹ༻͍Δ • ഁյతΞΫγϣϯ͸࠷΋ԕ͍Ґஔʢ্ʣʹஔ͘ • ඞͣʮΩϟϯηϧʯΛஔ͘ • ඞཁͳΒϝοηʔδΛؚΊΔ • ಈ࡞ͷओମΛϢʔβʔʹ͢Δ • ؆ܿʹදݱ͢Δ Ωϟϯηϧ ഁغ ಺༰Λอଘ ฤू಺༰Λഁغ͠·͔͢ʁ ໊ࢺ ಈࢺ

Slide 111

Slide 111 text

Slack ϑΝΠϧ ฤू දࣔ  ΢Οϯυ΢ ϔϧϓ ཤྺ

Slide 112

Slide 112 text

Slack ϑΝΠϧ ฤू දࣔ  ΢Οϯυ΢ ϔϧϓ ཤྺ ਖ਼͘͠͸ʮ΢Πϯυ΢ʯ

Slide 113

Slide 113 text

Slack Λऴྃ͢Δ ⌘Q ͢΂ͯදࣔ ͦͷଞΛඇදࣔʹ͢Δ ⌥⌘H Slack Λඇදࣔʹ͢Δ ⌘H αʔϏε ΞοϓσʔτΛνΣοΫ͢Δ… ؀ڥઃఆ… ⌘, Slackʹ͍ͭͯ Slack SlackΛऴྃ ⌘Q ͢΂ͯΛදࣔ ΄͔ΛӅ͢ ⌥⌘H SlackΛӅ͢ ⌘H αʔϏε ΞοϓσʔτΛ֬ೝ… ؀ڥઃఆ… ⌘, Slackʹ͍ͭͯ Slack

Slide 114

Slide 114 text

No content

Slide 115

Slide 115 text

SlackΛऴྃ ⌘Q ͢΂ͯΛදࣔ ΄͔ΛӅ͢ ⌥⌘H SlackΛӅ͢ ⌘H αʔϏε ΞοϓσʔτΛ֬ೝ… ؀ڥઃఆ… ⌘, Slackʹ͍ͭͯ Slack

Slide 116

Slide 116 text

For issues that aren’t covered in the Apple Publications Style Guide, Apple recommends three other works: The American Heritage Dictionary,The Chicago Manual of Style, and Words Into Type. When these books give conflicting rules, The Chicago Manual of Style takes precedence for questions of usage and The American Heritage Dictionary for questions of spelling. The rest of this section discusses specific details of how to present your text in a style that integrates properly with the Aqua user interface. Inserting Spaces Between Sentences If any part of your application's user interface displays two or more sentences in a paragraph, be sure to insert only a single space between the ending punctuation of one sentence and the first word of the next sentence. Although much of the text in an application's user interface is in the form of labels and short phrases, application help, alerts, and dialogs often contain longer blocks of text. You should examine these blocks of text to make sure that extra spaces do not appear between sentences. Using the Ellipsis Character An ellipsis character (…) can imply that there is more text than there is room to display or that a command (such as Open...) requires additional information before it can be performed. If, for example, the name of an item is too long to fit in a menu or list box, you should insert an ellipsis character in the middle of the name, preserving the beginning and the end of the name. This ensures that the parts of the name that are most likely to be unique are still visible. An ellipsis character after a menu item or button label indicates to the user that additional information is required to complete a command. You should use an ellipsis character in the following cases: ■ An action that requires further user input to complete or presents an alert allowing the user to cancel the action. Examples include Find, Go To, Open, Page Setup, and Print. ■ An action that opens a settings window. The main function of settings windows is to allow the user to change some aspect of the application, not the document content. Examples include Set Title, Preferences, and Options. Don’t use an ellipsis character in the following cases: ■ An action that requires no further user input to complete and does not present an alert. Often the item to be acted upon is already selected. Examples include New, Cut, Bold, and Quit. ■ An action that opens an informational, accessory, or tool window. These windows can be implemented as either utility windows (as in the case of a color palette) or modeless windows. These windows provide tools that help create or manage the content in the main window and are frequently left open to assist in accomplishing the task of the main window. Examples include Get Info, Show Tools, and About This Application. Be sure to create the ellipsis character using the key combination Option-; (Option-semicolon). This ensures that an assistive application can provide the correct interpretation of the character to a disabled user. If you use 3 period characters to simulate an ellipsis, many assistive applications will be unable to make sense of them. Style 121 2006-02-07 | © 1992, 2001-2003, 2006 Apple Computer, Inc. All Rights Reserved. C H A P T E R 9 Text • ͞ΒʹϢʔβʔೖྗ͕ඞཁͳΞΫγϣϯ໊ • ઃఆ΢Πϯυ΢Λ։͘ΞΫγϣϯ໊ • ϞʔυϨεͰ͸ͳ͍΢Πϯυ΢Λ։͘ΞΫγϣϯ໊ • ςΩετ͕දࣔྖҬʹऩ·Βͳ͍৔߹ͷςΩετ Apple Human Interface Guidelines 2006 লུه߸ “…” Λ࢖༻͢΂͖৔໘

Slide 117

Slide 117 text

No content

Slide 118

Slide 118 text

http://help.apple.com/applestyleguide/

Slide 119

Slide 119 text

͓͗Μ

Slide 120

Slide 120 text

ᷫԂਫ਼ࣷͷL

Slide 121

Slide 121 text

ᷫԂਫ਼ࣷͷL Marked Text ະ֬ఆจࣈྻ

Slide 122

Slide 122 text

ᷫԂਫ਼ࣷͷL

Slide 123

Slide 123 text

No content

Slide 124

Slide 124 text

No content

Slide 125

Slide 125 text

SlackΛऴྃ ⌘Q ͢΂ͯΛදࣔ ΄͔ΛӅ͢ ⌥⌘H SlackΛӅ͢ ⌘H αʔϏε ΞοϓσʔτΛ֬ೝ… ؀ڥઃఆ… ⌘, Slackʹ͍ͭͯ Slack Ωϟϯηϧ ഁغ ಺༰Λอଘ ฤू಺༰Λഁغ͠·͔͢ʁ ۭ ᑮ San Francisco தԝ഑ஔ ฏ ੒ ࡾ े ೥ े Ұ ݄ ᷫԂਫ਼ࣷͷL

Slide 126

Slide 126 text

͋Ӭ"

Slide 127

Slide 127 text

͋Ӭ" จ Խ

Slide 128

Slide 128 text

͋Ӭ" จ Խ

Slide 129

Slide 129 text

͋Ӭ" จ Խ

Slide 130

Slide 130 text

͋Ӭ" จ Խ

Slide 131

Slide 131 text

͋Ӭ" จ Խ

Slide 132

Slide 132 text

v1 2018.3.13 © 2018 Satori MARU. @usagimaruma ೔ ຊ ޠ Ξ ϓ Ϧ έ ồ γ ἀ ϯ ͷ Π ϯ λ ồ ϑ ỻ Π ε σ β Π ϯ UI Crunch #12 ň ఻ ͑ Δ Ứ Λ Ճ ଎ ͞ ͤ Δ Ố ॻ ͘ ỏ ಡ Ή 6*