[B! ui] shiishikã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shiishik id:shiishik

uiã«é–¢ã™ã‚‹shiishikã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€ã‚¤ã‚«ã—ãŸUIã‚’è¦‹ã‚‹ã€‘Vol.2 ã“ã‚Œã¯ç™ºæ˜Žã ï¼ã¨æ€ã£ãŸUIãƒ‘ãƒ¼ãƒ„10é¸ï½œGoodpatch Blog ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒãƒ–ãƒã‚°
çŸ¥ã‚Œã°çŸ¥ã‚‹ã»ã©é¢ç™½ããªã‚‹UIã®ä¸–ç•Œã‚’çš†ã•ã‚“ã«ã‚‚ãƒãƒ©è¦‹ã›ã—ãŸã„â€¦â€¦ã¨ã„ã†ã“ã¨ã§ã€é€£è¼‰ã®ç¬¬2å¼¾ã¨ãªã‚‹ä»Šå›žã¯ã€Œã“ã‚Œã¯ç™ºæ˜Žã ï¼ã€ã¨ç§ãŸã¡ãŒæ„Ÿå‹•ã—ãŸUIãƒ‘ãƒ¼ãƒ„ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒŸã‚¯ãƒãªè¦–ç‚¹ã§ã‚¢ãƒ—ãƒªã‚’è¦³å¯Ÿã—ã€UIãƒ‘ãƒ¼ãƒ„ä¸€ã¤ã²ã¨ã¤ã«æ³¨ç›®ã—ã¦ã¿ã‚‹ã¨ã€æ™®æ®µã¯æ°—ä»˜ã‘ãªã„é¢ç™½ã„ç™ºè¦‹ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆã€‚ â€»å„UIãƒ‘ãƒ¼ãƒ„ã®åç§°ã¯ã€å…¬å¼ã§ç™ºè¡¨ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã§ã¯ãªãã€ç§ãŸã¡ãŒä¾¿å®œçš„ã«ã¤ã‘ãŸå‘¼ç§°ã«ãªã‚Šã¾ã™ã€‚ é–¢é€£è¨˜äº‹ï¼šUIãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ å¤§åˆ‡ãª5ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚„å–ã‚Šçµ„ã¿äº‹ä¾‹ã‚’ç´¹ä»‹ Apple Booksã®ã‚»ãƒŸãƒ¢ãƒ¼ãƒ€ãƒ« AppleãŒæä¾›ã™ã‚‹é›»åæ›¸ç±ã‚¢ãƒ—ãƒªã€ŒApple Booksã€ã§ã¯ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«çŠ¶ã«ä¸¦ã‚“ã æœ¬ã‚’æŠ¼ã™ã¨ã€ãã®ã¾ã¾ã‚»ãƒŸãƒ¢ãƒ¼ãƒ€ãƒ«ãŒç«‹ã¡ä¸ŠãŒã‚Šã¾ã™ã€‚å‰ã®ç”»é¢ã®ä¸€è¦§æ€§ã‚’ä¿ã¡ãªãŒã‚‰ã€ãã‚Œãžã‚Œã®æœ¬ã®è©³ç´°ã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ãŒç‰¹å¾´çš„ã§ã™ãã€‚ã•ã‚‰ã«ä¸‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã€å…¨ãƒ¢ãƒ¼ãƒ€ãƒ«ã¸ã¨æ»‘ã‚‰ã‹ã«å¤‰åŒ–ã—ã¾ã™ã€‚ ã“ã®UIã®ãƒã‚¤ãƒ³
shiishik 2024/08/20
ui

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å¾…æ©ŸçŠ¶æ…‹ã®UIã«ã¤ã„ã¦æ•´ç†ã—ã¦ã¿ã‚‹(ãƒ‡ã‚¶ã‚¤ãƒ³ç·¨)
Introduction æ¦‚è¦ å¾…æ©ŸçŠ¶æ…‹ UI ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã®è¨˜äº‹ã§ã™ã€‚ å¾…æ©ŸçŠ¶æ…‹ UI ã¨ã„ã†ã®ã¯ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚„æƒ…å ±ã®å‡¦ç†å¾…ã¡æ™‚ã«ç”¨ã„ã‚‰ã‚Œã‚‹ UIã®ã“ã¨ã§ã™ã€‚ã“ã“ã§å¾…æ©ŸçŠ¶æ…‹ã® UI ã¨èªã‚“ã§ã„ã‚‹ç†ç”±ã¯ã€å„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚„ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãªã©ã§è¨€ã„æ–¹ãŒé•ã†ãŸã‚ã€ä»Šå›žã¯ã“ã®ã‚ˆã†ã«è¨€åŠã•ã›ã¦ãã ã•ã„ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æ—¢å˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚„æ—¢å˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‹ã‚‰å¾…æ©ŸçŠ¶æ…‹ã® UI ã®æ¦‚è¦³ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦è€ƒæ…®ã™ã‚‹ã“ã¨ã‚’ã¾ã¨ã‚ã¾ã™ï¼ ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ææ¡ˆã™ã‚‹ã‚ã‘ã§ã¯ãªãã€ä½œæˆã™ã‚‹éš›ã€é…æ…®ã™ã‚‹ã“ã¨ã‚’é ã«å…¥ã‚Œã¦æ€è€ƒã§ãã‚‹è¨˜äº‹ã«ã—ã¾ã™ã€‚ èƒŒæ™¯ã€èª²é¡Œæ„Ÿ WebFront-end ã«ãŠã‘ã‚‹å„ UI ã®å®Ÿè£…ã‚’è¡ŒãŠã†ã¨è€ƒãˆã¦ã„ã‚‹ãŒã€å®Ÿè£…ã™ã‚‹éš›ã€ãƒ“ã‚¸ãƒã‚¹å´ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³å´ã¨å®Ÿè£…ã™ã‚‹ UI ã«ã¤ã„ã¦è©±ã—åˆã£ã¦ä½œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ å°ã•ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã„ãªã„äº‹ã‚‚å¤šãã€Front-end
shiishik 2021/11/06
ui

design

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¢ãƒ—ãƒªã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ300æœ¬ãƒŽãƒƒã‚¯ã‹ã‚‰å¦ã¶UIæ”¹å–„ã®ãƒ’ãƒ³ãƒˆï½œå®®ï¨‘ æ™ƒ
ã“ã‚“ã«ã¡ã¯ã€HRæ¥ç•Œã§ã‚¢ãƒ—ãƒªãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚’ã—ã¦ã„ã‚‹å®®ï¨‘ã§ã™ã€‚ ãƒ»ã‚¢ãƒ—ãƒªã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆå‰å¾Œã®UIå¤‰åŒ– ãƒ»Pushé€šçŸ¥ãªã©æ°—ã«ãªã£ãŸGrowthæ–½ç– ã“ã†ã—ãŸã‚‚ã®ã‚’ã€Œ#ã‚¢ãƒ—ãƒªãƒŽãƒƒã‚¯ã€ã¨ã—ã¦Twitterã§æŠ•ç¨¿ã™ã‚‹ã“ã¨3ãƒ¶æœˆã€‚300æœ¬ä»¥ä¸Šã®ãƒã‚¿ãŒæºœã¾ã£ã¦ãã¾ã—ãŸã€‚ ä»Šå›žã®noteã§ã¯ã€Œãƒ•ã‚©ãƒƒã‚°ã®æ¶ˆè²»è€…è¡Œå‹•ãƒ¢ãƒ‡ãƒ«ã€ã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã¾ã¨ã‚ã¦ã„ãã¾ã™ã€‚ è¡Œå‹• = å‹•æ©Ÿ Ã— å®Ÿè¡Œèƒ½åŠ› Ã— ãã£ã‹ã‘ ã‚¶ãƒƒã‚¯ãƒªã„ã†ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä½•ã‹è¡Œå‹•ã‚’ä¿ƒã™éš›ã«ã€Œå‹•æ©Ÿ/å®Ÿè¡Œèƒ½åŠ›/ãã£ã‹ã‘ã€ã®3è¦ç´ ã‚’ã©ã†æƒãˆã‚‹ã‹ï¼Ÿã¨ã„ã†ãƒ¢ãƒŽã€‚ è©³ã—ãã¯æ·±æ´¥ã•ã‚“ã®è¨˜äº‹ãŒã¨ã£ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ã®ã§ãŠã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ ã‚¢ãƒ—ãƒªãƒŽãƒƒã‚¯ãŒUIæ”¹å–„ã®å‹˜æ‰€ã ã‘ã§ãªãã€Growthã®çŸ¥è˜ã‚‚ä¸€ç·’ã«å¦ã¹ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ãªã£ã¦ã„ãã¨å¬‰ã—ã„ã§ã™ã€‚ ãã‚Œã§ã¯ã„ã£ã¦ã¿ã¾ã—ã‚‡ã†ï¼ ã€å‹•æ©Ÿã€‘ãŒãªã„ã¨ã€ã‚„ã‚‹æ°—ã«ãªã‚‰ãªã„â‘ æ…£ã‚Œãªã„ä½“é¨“ã«ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ä½œã‚Šã‚’ ã‚ˆãã‚ã‹ã‚‰ãªã„ä½“é¨“ã¯
shiishik 2020/01/16
ui

UX

ã‚¢ãƒ—ãƒª

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å®¶ã«ã¯77æ³ã®å¹´å¯„ã‚ŠãŒã„ã‚‹ã‚“ã ã‘ã©ã€iPadã§ã‚‚ã‚„ã¯ã‚Šé›£ã—ã„ã‚ˆã†ã§ã¾ã£ãŸãæ‰‹..
å®¶ã«ã¯77æ³ã®å¹´å¯„ã‚ŠãŒã„ã‚‹ã‚“ã ã‘ã©ã€iPadã§ã‚‚ã‚„ã¯ã‚Šé›£ã—ã„ã‚ˆã†ã§ã¾ã£ãŸãæ‰‹ã«ã¨ã‚‰ãªã„ã€‚ Androidã¯è«–å¤–ã ã£ãŸã€‚ ã‚¢ãƒ—ãƒªã«ã¯ã ã„ãŸã„ä¸»è¦ãªç”»é¢ãŒ4ã¤ã‹5ã¤ã»ã©ã‚ã‚Šã€ç°¡å˜ã«ã„ã†ã¨ãã®ç”»é¢ã‚’è¡Œãæ¥ã—ãªãŒã‚‰åˆ©ç”¨ã™ã‚‹ç‰©ãŒå¤šã„ã€‚ å¹´å¯„ã‚Šã«ã¨ã£ã¦ä¸€ç•ªåˆ©ç”¨ã—ã‚„ã™ã„ã®ã¯ç”»é¢ãŒãƒªãƒ‹ã‚¢ã«é€²ã‚€ã¨ã„ã†ã“ã¨ã ã€‚ ã‚¢ãƒ—ãƒªã‚’ã‚¿ãƒƒãƒ—ã—ãŸã‚‰å¸¸ã«æœ€åˆã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç”»é¢ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸã‚‰ç›®çš„ã®ç”»é¢ã®ã‚ˆã†ã«é€²ã¾ãªã‘ã‚Œã°ã€ãã“ã§ç†è§£ãŒã‚€ãšã‹ã—ããªã‚‹ã€‚ ã‚¢ãƒ—ãƒªã«ã‚ˆã£ã¦ã¯ã‚¢ãƒ—ãƒªã‚¿ãƒƒãƒ—å¾Œã€æœ€å¾Œã®ç”»é¢ã‚’è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ç‰©ã‚‚å¤šã„ã€‚ãã†ã„ã†ã®ã¯å¹´å¯„ã‚Šã«ã¯é›£ã—ã„ã€‚ã¾ãšã¯å…ƒã«æˆ»ã‚ŠãŸã„ã¨æ€ã†ã‚ˆã†ã ã€‚ ã‚¹ã‚¿ãƒ¼ãƒˆç”»é¢ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹ã®ã‚‚ã‚ã‚Œã°ãªã„ç‰©ã‚‚ã‚ã‚‹ã€‚ ã‚¢ãƒ—ãƒªã«ã‚ˆã£ã¦ã¯ã—ã°ã‚‰ãæ™‚é–“ãŒã‚ã‚‹ã¨æ™®æ®µã¨ã¯é•ã†ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒå‡ºã‚‹ç‰©ã‚‚ã‚ã‚‹ã€‚ ã‚¿ãƒƒãƒ—ã§ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã‚‹å¥´ã¯è«–å¤–ã ã€‚ã‚¿ãƒƒãƒ—ã®ä»•æ–¹ã«ã‚ˆã‚Šãƒœã‚¿ãƒ³ãŒå‡ºãªã„ãƒ»å‡ºã‚‹ã§æ•™ãˆã‚‹æœ€ä¸ã«å–§å˜©ã«ãªã‚‹ã€‚ ã‚¿ãƒƒãƒ—
shiishik 2017/01/04
ã‚¢ãƒ—ãƒª

UI

UX

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å¥³åé«˜æ ¡ç”Ÿã«äººæ°—ã®ã‚¢ãƒ—ãƒªã€ã€Žminimoã€ã€‚ãƒ›ãƒƒãƒˆãƒšãƒƒãƒ‘ãƒ¼ãƒ»ãƒ“ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ¼ã‚’ãƒ‡ã‚£ã‚¹ãƒ©ãƒ—ãƒˆã§ãã‚‹ã‹
å¥³åé«˜æ ¡ç”Ÿã«äººæ°—ã®ã‚¢ãƒ—ãƒªã€ã€Žminimoã€ã€‚ãƒ›ãƒƒãƒˆãƒšãƒƒãƒ‘ãƒ¼ãƒ»ãƒ“ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ¼ã‚’ãƒ‡ã‚£ã‚¹ãƒ©ãƒ—ãƒˆã§ãã‚‹ã‹ æ—¥æœ¬å›½å†…å¤–ã®Productã‚’å–ã‚Šä¸Šã’ã€ãã®å±•æœ›ã‚’è€ƒå¯Ÿã™ã‚‹ã€ä¸å®šæœŸé€£è¼‰ã€‚åå‰ã¯ProductAnalysisã¨ã§ã‚‚ã—ã¨ãã¾ã™ã€‚ ProductAnalysis No.1ã¯æ±æ´‹çµŒæ¸ˆã®ã€Žå¥³åé«˜ç”ŸãŒï½¢ç¯€ç´„ã§ãã‚‹ã‚¢ãƒ—ãƒªï½£ã«å¤¢ä¸ãªãƒ¯ã‚±ã€ã§ã‚‚ç´¹ä»‹ã•ã‚ŒãŸmixiãŒé‹å–¶ã™ã‚‹minimoã€‚ https://minimodel.jp/å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦ã€ç¾Žå®¹å¸«ã•ã‚“ã«è©±ã‚’èžã„ãŸãŒã€é©šãã ã£ãŸã€‚ ãƒ»æ–°è¦é¡§å®¢ç²å¾—ã®çµŒè·¯ãŒminimoã¨ãƒ›ãƒƒãƒˆãƒšãƒƒãƒ‘ãƒ¼ãƒ»ãƒ“ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ¼ã§åŠã€… ãƒ»minimoã®ãƒ¦ãƒ¼ã‚¶ãƒ¼å±¤ã¯10~20ä»£ ãƒ»ãƒ›ãƒƒãƒˆãƒšãƒƒãƒ‘ãƒ¼ãƒ»ãƒ“ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ¼åˆ©ç”¨è€…ã¯30ä»£ãŒå¤šã„ ã€Œãƒ›ãƒƒãƒˆãƒšãƒƒãƒ‘ãƒ¼ãƒ»ãƒ“ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ¼ã¯è‹¥ã„å¥³æ€§ã«ãƒªãƒ¼ãƒã§ãã¦ã„ãªã„ãƒ»ãƒ»ãƒ»ï¼Ÿã€ åª’ä½“ã®å¤‰åŒ– ï¼ˆç´™->PC->ã‚¹ãƒžãƒ›ï¼‰ã®ä¸ã§ã€ãƒ›ãƒƒãƒˆãƒšãƒƒãƒ‘ãƒ¼ãƒ»ãƒ“ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ¼ãŒãƒªãƒ¼ãƒã§ãã¦ã„ãªã„ã‚¹
shiishik 2016/12/18
ui

ux

ãƒ“ã‚¸ãƒã‚¹ãƒ¢ãƒ‡ãƒ«
ãƒªãƒ³ã‚¯
iOS ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®åŽŸå‰‡ â€” Medium
iOS ã®ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã¯ã¾ãš UI è¨è¨ˆã®åŽŸå‰‡ã‚’å®šã‚ãŸè–å…¸ iOS Human Interface Guidelines ã‚’èªã‚€ã“ã¨ã‹ã‚‰å§‹ã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ã“ã“ã«ã¯ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ç‰¹å¾´ã‹ã‚‰æƒ…å ±è¨è¨ˆã®åŽŸå‰‡ã€ãã‚Œãžã‚Œä½•ã®ãŸã‚ã®éƒ¨å“ãªã®ã‹ã€ã¨ã„ã†è§£èª¬ãŒã•ã‚Œã¦ã„ã¾ã™ã€‚ãªãœã“ã†ãªã£ãŸã®ã‹ã€ãªãœã“ã‚ŒãŒè‰¯ãã¦ã‚ã‚ŒãŒé§„ç›®ãªã®ã‹ã€Apple ã® UI ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ä½•ã‚’è€ƒãˆã¦ã“ã®ã‚ˆã†ãªè¨è¨ˆã«ã—ãŸã®ã‹ã€HIG ã§ã¯ãã®ã‚ˆã†ãªã¨ã“ã‚ã¾ã§ã¯èª¬æ˜Žã•ã‚Œã¦ã„ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã„ãã‚‰å†…å®¹ã‚’ä¸¸æš—è¨˜ã—ãŸã¨ã—ã¦ã‚‚ã€Œ ãªãœ ã€ãŒã‚ã‹ã‚‰ãªã‘ã‚Œã°æœ¬è³ªã‹ã‚‰ç†è§£ã—ãŸã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ ã‚ˆãã‚ã‚‹ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹èª¤ã‚Šã€ã€Žç£¨ã‚Šã‚¬ãƒ©ã‚¹åŠ¹æžœãŒã‹ã£ã“ã„ã„ã€ã€Žã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ãŠãã¨ã‹ã£ã“ã„ã„ã€ã€Žãƒœã‚¿ãƒ³ã¯å³é…ç½®ã®æ–¹ãŒæŠ¼ã—ã‚„ã™ã„ã€ã€Žè‰²ãŒç¶ºéº—ã€ã€Žæµè¡Œã£ã¦ã„ã‚‹ã‹ã‚‰å„ªã‚Œã¦ã„ã‚‹ã€â€¦ãªã©ãŒã‚ã‚Šã¾ã™ãŒã€ãã†ã„ã†ã“ã¨ã§ã¯ãªã„
shiishik 2016/04/10
iOS

iPhone

ãƒ‡ã‚¶ã‚¤ãƒ³

ui

ã‚¢ãƒ—ãƒªé–‹ç™º
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
shiishik 2016/03/21
design

ã‚¢ãƒ—ãƒª

UI

ã‚¢ãƒ—ãƒªé–‹ç™º
ãƒªãƒ³ã‚¯
ã€ŒiOSã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»UI/UXãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‹‰å¼·ä¼šã€ã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ #yxdena
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog å…ˆæ—¥ã€å¼Šç¤¾ã®ç¤¾å“¡é£Ÿå ‚ã€ŒBASE 6ã€ã«ã¦ã€DeNAã•ã‚“ã¨åˆåŒã§iOSãƒ»UI/UXã®å‹‰å¼·ä¼šã‚’è¡Œã„ã¾ã—ãŸã€‚ ãƒ»http://dena.com/campaign/2014/yahoo_dena/ è³‡æ–™ã‚’ã¾ãŸè¦‹ãŸã„ã¨ã„ã†å£°ã‚’å¤šãé ‚æˆ´ã—ã¾ã—ãŸã®ã§ã€ ãƒ¤ãƒ•ãƒ¼å´ã§ç™ºè¡¨ã—ãŸ5ã¤ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®è³‡æ–™ã€å‹•ç”»ã‚’å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ é æ–¹ã®æ–¹ã‚„ã€ã”éƒ½åˆã«ã‚ˆã‚Šã”å‚åŠ ã„ãŸã ã‘ãªã‹ã£ãŸæ–¹ã¯ãœã²ã”è¦§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ â–¼å‹•ç”»ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ï¼ˆä¸€éƒ¨ç·¨é›†ã•ã‚ŒãŸéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ï¼‰ å‰åŠï¼šhttps://www.youtube.com/watch?v=3enJehass3E å¾ŒåŠï¼šhttps://www.youtube.com/watch?v=QhLZIZMFMzo ãªãŠã€å½“æ—¥
shiishik 2014/08/07
ui

ux
ãƒªãƒ³ã‚¯
ã€Žé«˜é½¢è€…ã¸ã®iPadå°Žå…¥ã‚’é˜»ã‚“ã iOSã®UI/UXã®è©±ã€ã¸ã®ã‚³ãƒ¡ãƒ³ãƒˆ
ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¾ã—ãŸ ã“ã“ã«ãƒ„ã‚¤ãƒ¼ãƒˆå†…å®¹ãŒè¨˜è¼‰ã•ã‚Œã¾ã™ https://b.hatena.ne.jp/URLã¯spanã§å›²ã‚“ã§ãã ã•ã„ Twitterã§å…±æœ‰
shiishik 2013/12/03
ui

ux

iOS

iPad
ãƒªãƒ³ã‚¯
in the looop | Looops communications
ãƒ«ãƒ¼ãƒ—ã‚¹ãƒ»ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã¯ã€ ä¼æ¥ã®SNSæ´»ç”¨æˆ¦ç•¥ã®ç«‹æ¡ˆãƒ»é‹ç”¨æ”¹å–„ã€å•“ç™ºæ•™è‚²ãªã©ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ã‚„ã€ãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—ã‚„ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ†ãƒ¼ãƒžã¨ã—ãŸä¼æ¥ç ”ä¿®ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚
shiishik 2013/04/05
ui

ux

ãƒ‡ã‚¶ã‚¤ãƒ³

design
ãƒªãƒ³ã‚¯
cmmntr.com
This domain may be for sale!
shiishik 2012/09/01
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ui

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¯ãƒªãƒƒã‚¯çŽ‡ãƒ»ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’é«˜ã‚ã‚‹ãƒœã‚¿ãƒ³ã€‚3ã¤ã®å¤§ããªãƒã‚¤ãƒ³ãƒˆ
WEBã‚µã‚¤ãƒˆã‚’é‹å–¶ã—ã¦ã„ã‚Œã°ã€ã‚µã‚¤ãƒˆã«è¨ªã‚Œã¦ãã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã€ç”³ã—è¾¼ã¿ã€‘ã€è³¼å…¥ã€‘ã€è³‡æ–™è«‹æ±‚ã€‘ã€å•ã„åˆã‚ã›ã€‘ãªã©ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã€ãŸãã•ã‚“èµ·ã“ã—ã¦æ¬²ã—ã„ã¨è€ƒãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã®ãŸã‚Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã¯ã€ã©ã†ã—ãŸã‚‰ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚„æ•°ãŒé«˜ã¾ã‚‹ã®ã‹ã‚’æ—¥ã€…è€ƒãˆãƒ»ãƒ†ã‚¹ãƒˆã‚’ç¹°ã‚Šè¿”ã—ã¦ã„ã¾ã™ã€‚ ç§ã‚‚ãã®ã“ã¨ã‚’è€ƒãˆã¦ã„ã‚‹1äººã¨ã—ã¦ã€ä»Šå›žã¯ã‚µã‚¤ãƒˆã®ç›®çš„ã‚’é”æˆã•ã›ã‚‹ãŸã‚ã«æ¬ ã‹ã™ã“ã¨ã®ã§ããªã„å¤§å¤‰é‡è¦ãªè¦ç´ ã®1ã¤ã§ã‚ã‚‹ã€è¡Œå‹•ã‚’å‘¼ã³ã‹ã‘ã‚‹ãŸã‚ã®ãƒœã‚¿ãƒ³ï¼ˆCall to Action Buttonï¼‰ã€‘ã«ã¤ã„ã¦ã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç›®çš„ã‚’é”æˆã¸ã¨å°Žããƒœã‚¿ãƒ³ ãƒœã‚¿ãƒ³ã¯ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®æœ€çµ‚çš„ãªç›®çš„ã§ã‚ã‚‹ã€ç”³ã—è¾¼ã¿ã€‘ã€è³¼å…¥ã€‘ã€è³‡æ–™è«‹æ±‚ã€‘ã€å•ã„åˆã‚ã›ã€‘ãªã©ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«èµ·ã“ã—ã¦ã‚‚ã‚‰ã†ãŸã‚ã«ã¯æ¬ ã‹ã›ãªã„è¦ç´ ã®1ã¤ã§ã™ã€‚ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒœã‚¿ãƒ³å†…ã®æ–‡ç« ã‚’å¤‰ãˆãŸã ã‘ã§ã€è³‡æ–™è«‹æ±‚ãŒå¢—ãˆãŸãªã‚“ã¦ã„ã†äº‹ä¾‹ã¯ãŸãã•ã‚“å˜åœ¨
shiishik 2012/08/07
webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

ui
ãƒªãƒ³ã‚¯
è€ƒå¯Ÿï¼šAppleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’ä½œã‚‰ãªã„ã€‚
ä»Šã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³)å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ãªã„ã€‚ãã‚Œã¯ä½•æ•…ã‹ã€‚ äºˆç®—ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„è‡ªç¤¾è£½å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãã‚‰ããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„ã€‚Appleã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„ã‚‹ã€‚ Mobile Safari ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ¬è³ªã‚’åž£é–“è¦‹ã‚‹ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ Appleã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘è¦—ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã€‚ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024pxåˆ†ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
shiishik 2011/06/22
webåˆ¶ä½œ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

ui
ãƒªãƒ³ã‚¯
Android UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ãŸã€ŽAndroid Patternsã€ | 100SHIKI
ã¡ã‚‡ã£ã¨å‰ã‹ã‚‰ã‚ã‚‹ãŒã€ã‚„ã£ã±ã‚Šã“ã‚Œã‹ã‚‰å¤§äº‹ã«ãªã‚Šãã†ãªã®ã§ã”ç´¹ä»‹ã€‚ Android Patternsã§ã¯ã€Androidã®UIã«é–¢ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ã¦ã„ã‚‹ã‚ˆã†ã ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚’ã©ã†è¦‹ã›ã‚‹ã¹ãã‹ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã©ã†ä½œã‚‹ã¹ãã‹ã€é€šçŸ¥ã¯ã©ã†ã‚ã‚‹ã¹ãã‹ã€ãªã©ãªã©ãŒç”»é¢ã¨ã¨ã‚‚ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ æ¯”è¼ƒçš„è‡ªç”±åº¦ã®é«˜ã„Androidã§ã‚ã‚‹ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’è¿·ã‚ã›ãªã„ãŸã‚ã«ã‚‚ã“ã†ã—ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŠ‘ãˆã¦ãŠããŸã„ã¨ã“ã‚ã ã€‚ ä»Šå¹´ã¯Androidé–‹ç™ºï¼ã¨ã„ã†æ–¹ã¯è¦—ã„ã¦ã¿ã¦ã¯ã„ã‹ãŒã ã‚ã†ã€‚
shiishik 2011/02/13
Android

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ui
ãƒªãƒ³ã‚¯
1