UIデザインã€å¿…é ˆãƒ„ãƒ¼ãƒ«ãƒ¡ãƒ¢
「自分ãŒä»•äº‹ã«ä½•ã‚’使ã£ã¦ã„ã‚‹ã‹ã€ã‚’把æ¡ã—ã¦ãŠããŸã‹ã£ãŸã®ã§ã€ã‚¸ãƒ£ãƒ³ãƒ«å•ã‚ãšæ¨ªæ–çš„ã«ãƒ¡ãƒ¢ã—ãŸã‚‚ã®ã‚’シェア。éšæ™‚アップデート予定。 ## 目次 * [アプリ](#app) * [ガジェット](#gadget) * [文房具](#tool) * [書ç±](#book) * [Webサービス](#service)
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ã“ã†ï¼ 2013å¹´æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
2013å¹´ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIデザインをdribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 高解åƒåº¦ã®.psdã‚„.pngファイルをダウンãƒãƒ¼ãƒ‰ã§ããŸã‚Šã€å‹•ãをアニメーションgifã§æ¥½ã—ã‚ãŸã‚Šã—ã¾ã™ã€‚ 2013å¹´ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’振り返りã¤ã¤ã€æ¥å¹´ã¯ã¾ãŸã©ã‚“ãªç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”Ÿã¾ã‚Œã‚‹ã®ã‹æ¥½ã—ã¿ã§ã™ã。
プãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®ã‚«ãƒ©ãƒ¼ãƒ‘レットツールを作りã¾ã—㟠- shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインã®å°é ã«ã‚ˆã£ã¦ã€æ˜¨ä»Šã®ã‚¢ãƒ—リ/サービス開発ã«ãŠã„ã¦ã€Œè‰²é¸ã³ã€ãŒé‡è¦è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚例ãˆã°ä¸Šã®å†™çœŸã¯æ¬¡ã®ãƒˆã‚¤ãƒ¬ã®æ™‚刻を機械å¦ç¿’ã§äºˆæ¸¬ã™ã‚‹RestCastã¨ã„ã†ã‚¢ãƒ—リã§ã™ãŒã€ã€Œã„ã„æ„Ÿã˜ã®é’ã€ã‚’基調ã¨ã—ãŸã‚¿ã‚¤ãƒ«ã‚’æ•·ãã“ã¨ã§ã€ãƒˆã‚¤ãƒ¬ã¨ã„ã†ãƒ¯ãƒ¼ãƒ‰ã‚’ニオワセãªã„デザインã«ä»•ä¸ŠãŒã‚‹ã‚ˆã†å¿ƒãŒã‘ã¦ã¤ãã‚Šã¾ã—ãŸã€‚ デザイナー/プãƒã‚°ãƒ©ãƒžãƒ¼ã®çš†ã•ã‚“ã¯æ™®æ®µã©ã†ã‚„ã£ã¦è‰²ã‚’é¸ã‚“ã§ã„ã‚‹ã®ã§ã—ょã†ã‹ã€‚多ãã®å ´åˆã€æ—¢å˜ã®ã‚«ãƒ©ãƒ¼ãƒ‘レットをã½ã¡ã½ã¡é¸æŠžã—ãŸã‚Šã€#123456ã®ã‚ˆã†ãªã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’調整ã™ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚実ã¯ã€ã“ã®æ–¹æ³•ã§ã€Œã„ã„æ„Ÿã˜ã®è‰²ã€ã‚’é¸ã¶ã®ã¯é›£ã—ã„ã®ã§ã™ã€‚ãã®ç†ç”±ã‚’色ã®è¡¨ç¾æ–¹æ³•ã‚’è¸ã¾ãˆã¦èª¬æ˜Žã—ã¾ã™ã€‚ 混色系ã¨é¡•è‰²ç³» 色を数値ã§è¡¨ç¾ã™ã‚‹æ–¹æ³•ã‚’表色系ã¨ã„ã„ã¾ã™ã€‚オストワルト表色系やマンセ
ノンデザイナーズデザインブックをèªã¿è§£ã // Speaker Deck
MIND HACKSã¨ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¿ƒç†å¦ã‚’引用ã—ãªãŒã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬4原則を解説ã—ã¦ã„ãã¾ã™ã€‚ ==================== ã‚ã‚ã›ã¦èªã¿ãŸã„ ==================== å°‘ãªã„手間ã¨çŸ¥è˜ã§â€ãã‚Œãªã‚Šâ€ã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック http…
テã‚ストã®ãƒ¡ãƒªãƒãƒªã‚’ã¤ã‘る方法7ã¤
ç§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ä¿®æ£ã§ä¸€ç•ªå¤šã„指示ãŒã€ã€Œãƒ¡ãƒªãƒãƒªã‚’ã¤ã‘ã¦ãã ã•ã„ã€ã§ã€ä»¥å‰ã¯ã©ã†ã™ã‚Œã°è‰¯ã„ã‹ã‚ã‹ã‚‰ãšå›°ã£ã¦ãŠã‚Šã¾ã—ãŸâ€¦ã€‚(今も時々ã‚ã‹ã‚‰ãªããªã‚Šã¾ã™ãŒâ€¦) 最近よã†ã‚„ãã©ã†ã™ã‚Œã°ãƒ¡ãƒªãƒãƒªãŒã¤ãã‹ã‚ã‹ã£ã¦ããŸã®ã§ã€ãã®æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 「メリãƒãƒªã‚’ã¤ã‘ã¦ãã ã•ã„ã€ã®ä¿®æ£æ„図ã¯ã€ç›®ç«‹ã¤ã¹ãã¨ã“ã‚ãŒç›®ç«‹ã£ã¦ã„ãªã„ã®ã§ã€é‡è¦ãªéƒ¨åˆ†ã‚’視覚的ã«ã¯ã£ãã‚Šã•ã›ã¦ãã ã•ã„ã€ã¨ã„ã†ã“ã¨ã ã¨æ€ã„ã¾ã™ã€‚ 例ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¦‹å‡ºã—ã¨ãƒ†ã‚ストをもã¨ã«è€ƒãˆã¦ã¿ã¾ã™ã€‚ （メリãƒãƒªã‚’ã¤ã‘ã‚‹å ´åˆã€ã‚µã‚¤ãƒˆå…¨ä½“ã®ãƒãƒ©ãƒ³ã‚¹ã‚’ã¿ã¦ã¤ã‘ã‚‹ã“ã¨ãŒå¿…è¦ã§ã™ãŒã€ã“ã“ã§ã¯ã‚ã‹ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã€è¦‹å‡ºã—ã¨èª¬æ˜Žæ–‡ã®ã¿ã§è€ƒãˆã¦ã„ã¾ã™ï¼‰ （引用：Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9） ç§ã®å ´åˆã€ãƒ¡ãƒªãƒãƒªã‚’ã¤ã‘ã‚‹ã®ã¯ä»¥ä¸‹7ã¤ã®æ–¹æ³•ãŒå¤šã„ã§ã™ã€‚
ノンデザイナーã®ãŸã‚ã®é…色ç†è«–
2. ã‚ãŸãã— ãŠã°ã‚‰ ã¤ã‹ã• 渋谷ã§SAUCER（ソーサー）ã¨ã„ã†åå‰ã§ãƒ•ãƒªãƒ¼ @saucerjp ã®ãƒ‡ã‚¶ã‚¤ãƒŠã‚’ã—ã¦ã„ã¾ã™ã€‚ 紙媒体ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã«å…¥ã‚Šã€ãšãƒ¼ã£ã¨ç´™ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã‚’ã—ã¦ã„ã¾ã—ãŸãŒã€ã“ã“5, 6å¹´ ã¯Web媒体ã®ä»•äº‹ãŒéšåˆ†ã¨å¢—ãˆã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã§ã¯ç‰¹ã«ç´™ã€Webã®åŒºåˆ¥ãªãデザイン㮠仕事をã—ã¦ã„ã¾ã™ã€‚
デザインをå¦ã³ãŸã„å…¨ã¦ã®æ–¹ã¸ - 海外ã®ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç¿’リソース200é¸
「デザインã«èˆˆå‘³ãŒã‚ã‚‹ã®ã§ã™ãŒã€ã©ã†ã‚„ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã¹ã°ã„ã„ã®ã§ã—ょã†ï¼Ÿã€ã¨ã„ã†è³ªå•ã¯ã€ä»¥å‰ã«æ›¸ã‹ã›ã¦é ‚ã„ãŸã€Œç±³å›½ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ•™è‚²ã‹ã‚‰å¦ã‚“ã ã“ã¨ã€ã¨ã„ã†è¨˜äº‹ã«å¯¾ã—ã¦ä¸€ç•ªå¤šã‹ã£ãŸå響ã®1ã¤ã§ã—ãŸã€‚ã“ã‚Œã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®åˆ†é‡ŽãŒã‚ã¾ã‚Šã«å¤šæ§˜ãªãŸã‚ã«ã©ã“ã‹ã‚‰æ‰‹ã‚’付ã‘ã¦ã„ã„ã®ã‹åˆ†ã‹ã‚Šã¥ã‚‰ã„ã¨ã„ã†ã®ãŒåŽŸå› ã®ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯æƒ…å ±å…¨ä½“ã‚’ä¿¯çž°å‡ºæ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ã¹ãã€ä¸‹è¨˜ã®ãã‚Œãžã‚Œã®ã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ¥ã«ã€ãã‚Œãžã‚Œæœ‰ç›Šãªãƒªã‚½ãƒ¼ã‚¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ã“ã®ãƒªã‚¹ãƒˆãŒçš†ã•ã‚“ã®ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç¿’リソースã¨ã—ã¦ãŠå½¹ç«‹ã¦ã°å¹¸ã„ã§ã™ã€‚ 海外ã®ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç¿’リソース 23ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼Online Learning（オンラインå¦ç¿’）UI/Web:（ユーザインターフェイスï¼ã‚¦ã‚§ãƒ–）General（一般）Product（プãƒãƒ€ã‚¯ãƒˆï¼‰Branding:（ブランディング）Book Cover Design:（ブックカãƒãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰Design Por
dfltweb1.onamae.com – ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ ãŠåå‰.com ã‹ã‚‰å–å¾—ã•ã‚Œã¾ã—ãŸã€‚ ãŠåå‰.com 㯠GMOインターãƒãƒƒãƒˆã‚°ãƒ«ãƒ¼ãƒ—(æ ª) ãŒé‹å–¶ã™ã‚‹å›½å†…シェアNo.1ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²ã‚µãƒ¼ãƒ“スã§ã™ã€‚ â€»è¡¨ç¤ºä¾¡æ ¼ã¯ã€å…¨ã¦ç¨Žè¾¼ã§ã™ã€‚ ※サービスå“質ç¶æŒã®ãŸã‚ã€ä¸€æ™‚çš„ã«å¯¾è±¡ã¨ãªã‚‹æ–™é‡‘ã¸ä¸€å®šå‰²åˆã®ã€Œã‚µãƒ¼ãƒ“スç¶æŒèª¿æ•´è²»ã€ã‚’åŠ ç®—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ※1 「国内シェアã€ã¯ã€ICANN(インターãƒãƒƒãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³åãªã©ã®è³‡æºã‚’管ç†ã™ã‚‹éžå–¶åˆ©å›£ä½“)ã®å…¬è¡¨æ•°å€¤ã‚’ã‚‚ã¨ã«é›†è¨ˆã€‚gTLDãŒé›†è¨ˆã®å¯¾è±¡ã€‚ 日本ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²æ¥è€…(レジストラ)（「ICANNãŒãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã¨ã—ã¦èªå®šã—ãŸä¼æ¥ã€ä¸€è¦§ï¼ˆInterNICæ供）内ã«ã€ŒJapanã€ã®è¨˜è¼‰ãŒã‚ã‚‹ã‚‚ã®ï¼‰ã‚’対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.comã€ã®ã‚·ã‚§ã‚¢å€¤ã‚’集計。 2024å¹´5月時点ã®èª¿æŸ»ã€‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
ã¾ã£ãŸãã®ã‚¼ãƒã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’独å¦ã™ã‚‹æ–¹æ³• - DESIGNMAP
ã¾ãšã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‹ã‚‰ã¯ã˜ã‚よㆠデザインã®å‹‰å¼·ã¯ã¾ãšã©ã“ã‹ã‚‰ã¯ã˜ã‚ã‚‹ã¨ã‚ˆã„ã ã‚ã†ã‹ã€‚ 一番ã®ãŠã‚¹ã‚¹ãƒ¡ã¯ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ï¼ˆæ–‡å—組ã¿ï¼‰ã 。知ã£ã¦ã„ã‚‹ã¨çŸ¥ã‚‰ãªã„ã§ã¯å¤§ããクオリティã®å·®ãŒã²ã‚‰ãã¨ã“ã‚ã ã‹ã‚‰ã 。ã—ã‹ã‚‚ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚’知らãªã„å ´åˆã€æœ¬äººãŒã“ã®ã“ã¨ã«ã¾ã£ãŸãæ°—ãŒã¤ã‹ãªã„。ç†è€…自身ã¯ã€é¢æŽ¥ã§ã‚る制作会社ã®ç¤¾é•·ã•ã‚“ã«æŒ‡æ‘˜ã•ã‚Œã‚‹ã¾ã§ã€æ°—ãŒã¤ã‹ãªã‹ã£ãŸã€‚デザインã¨ã„ã†ã¨ã‚»ãƒ³ã‚¹ã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚る。ã§ã‚ã‚‹ãŒã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã«é–¢ã—ã¦ã¯çŸ¥è˜ãŒãªã„ã¨æ°—ãŒã¤ã‹ãªã„å¯èƒ½æ€§ãŒé«˜ã„。 æ–‡å—を組む時ã«ã€å’Œæ–‡æ›¸ä½“ã¨æ¬§æ–‡æ›¸ä½“ã‚’æ··ãœã¦çµ„む。和文書体ã¯ã€ä»®æƒ³ãƒœãƒ‡ã‚£ã«å¯¾ã—ã¦ã€ã‚ã„ã„ã£ã±ã„ã¾ã§å¤§ãã„書体ã¨ã€å°ã•ã‚ã®æ›¸ä½“ãŒã‚る。ãれを見極ã‚ã¦ã€ã‚µã‚¤ã‚ºã‚„ベースラインã€æ–‡å—é–“ã®ã‚¹ãƒšãƒ¼ã‚·ãƒ³ã‚°ã®èª¿æ•´ã‚’ã—ã¦ã‚†ã。ã“れを錯視調整ã¨ã„ã„ã€ãƒã‚´ã‚’ã¤ãã‚‹ã¨ãã«ã‚‚å½¹ã«ç«‹ã¤æŠ€è¡“ã§ã‚る。 ãªã®ã§ã€å˜ã«æ–‡å—ã®æ‰“ã¡ã£ã±ãªã—ã¯è«–外ã§ã‚る。å刺をもら
ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー】クックパッドã®UIデザイナー：「エンジニアã®ä»•äº‹ãŒï¼ã‚’１ã«ã™ã‚‹ä»•äº‹ãªã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯1ã‚’100ã«ã™ã‚‹ä»•äº‹ 〠| Startup Dating
Startup Datingã§ã‚¤ãƒ³ã‚¿ãƒ“ュー連載を始ã‚ã¦ã¿ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ã•ã¦é€£è¼‰ã®åˆå›žã¯ã€2011å¹´ã«æ–°å’ã¨ã—ã¦ã‚¯ãƒƒã‚¯ãƒ‘ッドã«å…¥ç¤¾ã—ã€ç¾åœ¨UIデザイナーã¨ã—ã¦æ´»èºã™ã‚‹ç‰‡å±±è‚²ç¾Žã•ã‚“（@monja415）。片山ã•ã‚“ãŒç¾è·ã«å°±ãã¾ã§ã®é“ã®ã‚Šã‚„ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UIã«é–¢ã™ã‚‹è€ƒãˆæ–¹ã€ç‰‡å±±ã•ã‚“ãŒæ‰‹ãŒã‘ãŸå…·ä½“çš„ãªUI改善ã®äº‹ä¾‹ã‚„ヒントãªã©ã‚’ãŸã£ã·ã‚ŠãŠä¼ãˆã—ã¾ã™ã€‚ 美術大å¦ã§å‹‰å¼·ã€ã‚‚ã¨ã‚‚ã¨è·äººã«ãªã‚ŠãŸã‹ã£ãŸ ã‚‚ã¨ã‚‚ã¨çµµã‚’æãã®ãŒå¥½ãã ã—å¾—æ„ã€é«˜æ ¡ã®ã¨ãã‹ã‚‰è·äººã«ãªã‚ŠãŸã„ã¨æ€ã£ã¦ã„ãŸã¨è©±ã™ç‰‡å±±ã•ã‚“。美術大å¦ã«é€²å¦ã—ã€ãƒ•ã‚¡ã‚¤ãƒ³ç³»ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã§ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã‚’å¦ã¶ã“ã¨ã‚’é¸æŠžã€‚ファイン系ã¨ã¯ã€çµµç”»ã‚„彫刻ãªã©ã„ã‹ã«ã‚‚“アートâ€ã¨ã„ã†ã‚‚ã®ã€‚ファイン系ãŒèŠ¸è¡“ã ã‹ã‚‰ã€ã©ã“ã‹è‡ªåˆ†ã®ä¸ã§å®Œçµã—ã¦ã—ã¾ã†ã¨ã“ã‚ãŒã‚る。ã§ã‚‚ã€è·äººã£ã¦èª°ã‹ã®ãŸã‚ã«æŠ€è¡“を使ãˆã‚‹äººãªã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨ã€‚æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç§‘ã‚’å°‚æ”»ã—ã€ã‚µãƒ¼ãƒ“スデザインやUXã¨è¨€ã‚
何故ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯UIã®ã‚»ãƒ³ã‚¹ãŒãªã„ã‹ã€‚
何故ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯UIã®ã‚»ãƒ³ã‚¹ãŒãªã„ã®ã‹ã€ã¨ã„ã†è‡ªåˆ†ã«ã‚‚当ã¦ã¯ã¾ã‚‹ã‚ˆã†ãªã“ã¨ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚‹ã€‚ ã¾ãšã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒãƒ€ãƒ¡ãªUIを作ã£ã¦ã—ã¾ã†ç†ç”±ã«ã¤ã„ã¦ã€ã„ãã¤ã‹ã®ä»®èª¬ã‚’ç«‹ã¦ã¦ã¿ã‚‹ã€‚ 1.ãã®ç”»é¢ã‚’作るエンジニアã¯å…¨ã¦ã‚’知りã™ãŽã¦ã„ã¦ã€ã‚‚ã¯ã‚„ã‚ã‹ã‚‰ãªã„人ã®æ°—æŒã¡ãŒã‚ã‹ã‚‰ãªã„説 2.エンジニアã¯ITリテラシーã¯é«˜ã„ã‘ã©ã€è‡ªåˆ†ãŒã§ãã‚‹ã“ã¨ã‚’人ã«ç†è§£ã§ãるよã†ã«èª¬æ˜Žã™ã‚‹ã®ã¯ä¸‹æ‰‹èª¬ 3.技術的ã«å®Ÿç¾ã™ã‚‹æ–¹ã«èˆˆå‘³ãŒåã£ã¦ã€ãƒãƒŠã‹ã‚‰UIã®ä½¿ã„å‹æ‰‹ã«èˆˆå‘³ãŒç„¡ã„説 4.国語力ãŒãªã„ã€è‡ªåˆ†ãŒå®Ÿç¾ã™ã‚‹æ–‡è„ˆã‚’表ç¾ã™ã‚‹ã®ã¯ã§ãã‚‹ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ–‡è„ˆã«é…æ…®ã—ãŸè¨€è‘‰ã‚’想åƒã™ã‚‹åŠ›ãŒç„¡ã„説 5.仕様書をèªã¾ãªã„ã€äººã®è¨€ã†äº‹ã‚’èžã‹ãªã„説。例ãˆã°OSãŒå®šã‚ã¦ã„るユーザーインターフェースガイドラインã«å¾“ã‚ãªã„ã®ã§ã€UIパーツãŒæ„図ã—ãŸä½¿ã„方をã—ã¦ãŠã‚‰ãšçµ±ä¸€æ€§ã«æ¬ ã‘る。 6.ã‚ã‹ã‚Šã‚„ã™ã„色や文å—ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹çŸ¥è˜ãŒç„¡ã„。センス
UX/UIデザインガイドライン : å°é‡Žå’Œä¿Šã®ãƒ–ãƒã‚°
ã“ã®ã¨ã“ã‚ã€ã‚¢ãƒ—レッソã®ä¸ã§ã‚‚ã€MIJS製å“技術委員会ã§ã‚‚ã€è‡ªåˆ†ãŸã¡ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®UX/UIをブラッシュアップã—ã¦ã„ããŸã‚ã«ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã‚’ディスカッションã—ã¦ã„る。 UX/UIデザインガイドラインã¨ã—ã¦å„社ã®æŽ¨å¥¨ã™ã‚‹æŒ‡é‡ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ãŒWebã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚れデザイナーã§ã‚ã‚Œã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ç”»é¢è¨è¨ˆã«ä½•ã‚‰ã‹ã®å½¢ã§æºã‚ã‚‹ã®ã§ã‚ã‚Œã°ã€åŸºç¤ŽçŸ¥è˜ã¨ã—ã¦ä¸»è¦ãªã‚‚ã®ã«ã¯ç›®ã‚’通ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã®ç”¨èªžã§æ‰‹çŸã«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå–れるã®ã¨åŒã˜ã‚ˆã†ã«ã€ã€Œã“ã“ã¯â—‹â—‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®â–³â–³ãƒ‘ターンを使ã†ã®ã¯ã©ã†ã‹ãªï¼Ÿã€ã¨ã„ã†ã‚ˆã†ãªä¼šè©±ãŒã§ãるよã†ã«ã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„る。 â– Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) â– M
ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚使ã„ã‚„ã™ã„ã€ãƒŸãƒ‹ãƒžãƒ«ãªãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ
160 Tiny Icons / 128 16px Toolkit Icons / 16px Glyph Icons他...全14件
デザイン上級者 21ã®ç‰¹å¾´
デザイン上級者ã¯ã€ä¸ç´šè€…ã¨åˆå¿ƒè€…ã¨ä½•ãŒé•ã†ã‚“ã ã‚ã†ï¼Ÿã£ã¦æ€ã£ãŸæ™‚ã«ã€ã“ã¡ã‚‰ã®æœ¬ãŒå½¹ã«ç«‹ã¡ã¾ã—ãŸã€‚ 『上é”ã®æ³•å‰‡ – 効率ã®ã‚ˆã„努力を科å¦ã™ã‚‹ –ã€ã¨ã„ã†æœ¬ã§ã™ã€‚ã“ã®æœ¬ã«ã¯ã€ç¢ã‚„茶é“ãªã©ã€ã‚らゆる分野ã«å…±é€šã™ã‚‹ä¸Šç´šè€…ã®ç‰¹å¾´ãŒã®ã£ã¦ã„ã¾ã™ã€‚ã“ã®æœ¬ã‚’å‚考ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šç´šè€…ã®ç‰¹å¾´ã¨ã€ä¸Šç´šè€…ã«ãªã‚‹ãŸã‚ã®å®Ÿè·µæ–¹æ³•ã‚’書ã„ã¦ã¿ã¾ã—ãŸã€‚ デザイン上級者ã®ç‰¹å¾´ 1. 上級者ã¯ä¸€ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒå¤šã„ 一ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’見ãŸã¨ãã€ä¸Šç´šè€…ã®æ–¹ãŒä¸ç´šè€…ã€åˆç´šè€…よりも気ã¥ãã“ã¨ãŒå¤šã„ã§ã™ã€‚例ãˆã°ã€èƒŒæ™¯ã«è–„ãグラデーションãŒã‹ã‹ã£ã¦ã„ã‚‹ã¨ã‹ã€ç¸¦ã®ã‚°ãƒªãƒƒãƒ‰ã®ãƒ©ã‚¤ãƒ³ãŒæƒã£ã¦ã„ã‚‹ãªã©ã€‚ ã¾ãŸã€ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãŸãã•ã‚“ã®æƒ…å ±ã‚’å¼•ã出ã—ã¦ã„ã‚‹ã®ã§ã€é•·ã見ã¦ã‚‚退屈ã—ã«ãã„ã¨ã„ã†ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ 2. 上手ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ã„ã†ã“ã¨ã«é«˜ã„価値をãŠã„ã¦ã„ã‚‹ 上級者ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾ã—ã¦æœ¬æ°—ã§å–り組む度åˆã„ãŒé«˜ã„ãŸã‚ã€ä¸Šæ‰‹ãª
WEBデザイナーを目指ã™äººã¸ãŠå‹§ã‚ã—ãŸã„記事・サイトã¾ã¨ã‚ ｜https://wp.yat-net.com/name
最近僕ã®å‘¨ã‚Šã§WEBデザインã®å‹‰å¼·ã‚„コーディングã®å‹‰å¼·ã‚’始ã‚る人ãŒå¤šãã€ãã‚“ãªæ–¹ã€…å‘ã‘ã«èªã‚“ã§æ¬²ã—ã„ã€è¦‹ã¦æ¬²ã—ã„サイトをã¾ã¨ã‚る機会ãŒã‚ã£ãŸã®ã§ãƒ–ãƒã‚°ã«ãƒã‚¹ãƒˆã—ã¾ã™ã€‚ ブãƒã‚°ã«ç½®ã„ã¦ãŠã‘ã°ã“ã‚Œã‹ã‚‰å…ˆã¾ãŸèª°ã‹ã«ä¼ãˆã‚‹æ©Ÿä¼šãŒã‚ã£ã¦ã‚‚URL一ã¤ã§æ•™ãˆã‚Œã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã‚ˆã。 Index 1.WEBデザイン全般 2.色彩・é…色 3.レイアウト 4.ユーザビリティ 5.æ–‡å—ãƒ»æ–‡ç« 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç‰ 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッãƒã—よã†ï¼‰ï¼šStocker.jp [連載]Webデザイン入門（3:å…‰ã¨ãƒœã‚¿ãƒ³ï¼‰ï¼šStocker.jp サンプルデザインã§ã‚ã‹ã‚Šã‚„ã™ã見る。プãƒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½¿ã†ã‚»ã‚ªãƒªãƒ¼10ã®ã“ã¨ã€‚：MAKA-VELI.COM W
2read.jp - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - ã¾ã¨ã‚ ランã‚ング èªæ›¸ ãƒã‚°ã‚¤ãƒ³ æ›¸ç± è‘—è€… å°èª¬ マンガ リソースãŠã‚ˆã³æƒ…å ±
ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼ 2read.jp ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚一般トピックã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãる内容ã¯ã€2read.jpãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…容ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’願ã£ã¦ã„ã¾ã™ï¼
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
デザインã¨ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚ルを併ã›ã‚‚ã£ãŸæ¬¡ä¸–代クリエイターã®ãŸã‚ã®å¦æ ¡ã€ŒBAPAã€é–‹æ ¡ï¼
taikikawakami.tk
{{#tags}}- {{label}}
{{/tags}}