心地よã„UIã®æ¸©åº¦ - 言葉ã¨æ°—é£ã„ã§é«˜ã‚ã‚‹UI -
1. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太 2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 3. @wariemon Art Direction & Web / App / Blanding / Logo Design OH : http://wariemon.com 自己紹介 @OH (Personal
デザインã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³
1. DESIGNING FOR DESIGN デザインã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ Masayuki Uetani / 2014.11.11 / #nanapi_study
Webエンジニアã®ãŸã‚ã®Webサービスデザイン実践講座
DeNA 社内勉強会ã«å‘¼ã‚“ã§ã„ãŸã ã„ã¦ã€ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Reviewã«ç™»å ´ã—ã¦ã„ãŸã ã„ã¦ã‚‹ã‚µãƒ¼ãƒ“スã¯ã“ã¡ã‚‰ã§ã™ã€‚ å‹•ãå°èª¬æŠ•ç¨¿ã‚µã‚¤ãƒˆ Denkinovel by @katryo ã•ã‚“ http://denkinovel.com/ ã”å”力ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸ( ˘ω˘)
デザインã®å½¹å‰²ã‹ã‚‰ã¿ã‚‹ã€Œãƒˆãƒ¼ãƒ³ã€ã¨ã€ŒãƒžãƒŠãƒ¼ã€
ã“ã‚“ã«ã¡ã¯ã€‚デザイナーã®å±±å£é™½ä¸€éƒŽã§ã™ã€‚ 去る2014å¹´2月19日（水）ã«ã€æ ªå¼ä¼šç¤¾ãƒ‘ソナテック様主催ã®ã‚»ãƒŸãƒŠãƒ¼ã€Œã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®ãŸã‚ã®ãƒˆãƒ¼ãƒ³ï¼†ãƒžãƒŠãƒ¼è¨è¨ˆã€ã«ã¦ç™»å£‡ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ 皆ã•ã‚“ã¯ã€Œãƒˆãƒ¼ãƒ³ï¼†ãƒžãƒŠãƒ¼ã€ã¨ã„ã†è¨€è‘‰ã‚’耳ã«ã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã‹ï¼Ÿã€Œãƒˆãƒ³ãƒžãƒŠã€ã¨ç•¥ã•ã‚Œã‚‹ã“ã¨ã®æ–¹ãŒå¤šã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ãã®èª¬æ˜Žã®å‰ã«ã€ã¡ã‚‡ã£ã¨å¯„ã‚Šé“ã‚’ã•ã›ã¦ãã ã•ã„。 ■デザインã®ãµãŸã¤ã®å½¹å‰²ã¨ãƒˆãƒ¼ãƒ³ï¼†ãƒžãƒŠãƒ¼ã®æ¼”出 デザインã«ã¯å¤§ãã分ã‘ã¦ãµãŸã¤ã®å½¹å‰²ãŒã‚ã‚Šã¾ã™ã€‚ 1. 機能性を高ã‚ã‚‹ ã“ã‚Œã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦è£½å“をより使ã„ã‚„ã™ãã—ãŸã‚Šã€èª¤æ“作ã®å±é™ºã‚’ãªãã—ãŸã‚Šã€è¿·ã‚ãªã„よã†ã«ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã®å½¹å‰²ã§ã™ã€‚ ãã—ã¦ã‚‚ã†ã²ã¨ã¤ãŒä»Šå›žã®ã‚»ãƒŸãƒŠãƒ¼ã®ãƒ†ãƒ¼ãƒžã¨ã—ã¦ã¨ã‚Šã‚ã’ãŸã€ 2. トーン＆マナーã®æ¼”出 ã§ã™ã€‚製å“ã«ã€ãã‚ŒãŒä½¿ã‚ã‚Œã‚‹å ´ã«ãµã•ã‚ã—ã„属性・ã‚ャラクターを付与ã™ã‚‹å½¹å‰²ã§ã™ã€‚ ãŸã¨ãˆã°ãƒ¬ã‚¸ãƒ£ãƒ¼ã‚°ãƒƒã‚ºãªã‚‰ã€Œæ¥½ã—ã•ã‚’想
Qpstudy201404 インフラè¨è¨ˆã®å‹˜æ‰€
2. ã›ã¡ã‚ー (@sechiro) • qpstudyスタッフ（2010∼） • サーãƒæ“¬äººåŒ–エヴァンジェリスト（2011/02∼） • åŒå…å·¥å ´é•·ï¼ˆ2011/12∼） • シャッツã‚ステãƒã‚¤ãƒ³ãƒˆã‚«ãƒ¼ãƒ‰â€ƒ45æžšç›® • ベターホームã®ãŠæ–™ç†æ•™å®¤â€ƒ4å¹´ç›® • 呉鎮守府→大湊è¦å‚™åºœâ€ƒå¸ä»¤éƒ¨Level 76 • 昼ã®ä»•äº‹ã¯ã‚³ãƒ³ã‚µãƒ«ã€SI。昨年9月ã«è»¢è·ã—ã¾ã—㟠• ニコニコ動画プレミアム会員 時代ã®æ–œã‚先ゆãã€ã‚µãƒ¼ãƒæ“¬äººåŒ–エヴァンジェリスト Illustration by @ayakomuro
UIデザインã¨UXã®è¶…基礎「UI Design & UX for ENGINEERã€
3/26/2014 @LightningSpot Shibuya - Powered by PROsheet - Designed by IMPATHRead less
レスãƒãƒ³ã‚·ãƒ–Webデザインã®åŸºç¤Ž
2. å°åˆ·ä¼šç¤¾ã§ DTP オペレーターã¨ã—㦠2 年間勤ã‚ãŸã‚ã¨é€€è·ã—〠Web デザイナーã®ã‚¢ãƒ«ãƒã‚¤ãƒˆã¨ã—ã¦è¤‡æ•°ã®åˆ¶ä½œä¼šç¤¾ã‚’転々ã¨ã—ãŸã‚Š 海外ã«è¡Œã£ãŸã‚Šã—ãŸã‚ã¨æ¨ªæµœã®åˆ¶ä½œä¼šç¤¾ã«å‹™ã‚る。 制作会社ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã€ コンサルç‰ã‚’幅広ã経験ã™ã‚‹ã€‚2012 å¹´ 4 月よりフリーランスã¨ã—ã¦ç‹¬ç«‹ã€‚ 「レスãƒãƒ³ã‚·ãƒ–Webデザイン入門ã€åŸ·ç† å°å· 裕之 barchin  hiro.ogw 13å¹´10月8æ—¥ç«æ›œæ—¥
分ã‹ã‚Šã‚„ã™ãã€ä½¿ã„ã‚„ã™ã„デザインを生ã¿å‡ºã™å·¥å¤«ã€€å…ˆç”Ÿï¼šæ± ç”° æ‹“å¸
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusã¯ã€ŒWEBã«èª•ç”Ÿã—ãŸã€å¦æ ¡ã®æ–°ã—ã„ã‚«ã‚¿ãƒã€ã€‚ ＷＥＢ生放é€ã®æŽˆæ¥ã‚’ç„¡æ–™ã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ â–¼ã“ã¡ã‚‰ã‹ã‚‰æŽˆæ¥ã«å‚åŠ ã™ã‚‹ã¨ã€å…ˆç”Ÿã¸ã®è³ªå•ã‚„ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®ãƒãƒ£ãƒƒãƒˆã€è³‡æ–™ã®æ‹¡å¤§è¡¨ç¤ºç‰ãŒå¯èƒ½ã§ã™ã€‚ https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
エンジニアã®ãŸã‚ã®UX入門
This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi
ノンデザイナーã“ã押ã•ãˆã¦ãŠããŸã„! é…色・レイアウトã®åŸºç¤ŽãŒå¦ã¹ã‚‹7個ã®åŽ³é¸ã‚¹ãƒ©ã‚¤ãƒ‰
ã¾ã ã¾ã メンãƒãƒ¼ã®æ•°ãŒå°‘ãªãã€è·ç¨®ã”ã¨ã®è·é›¢ãŒè¿‘ã„スタートアップ。デザイナーã®ä»•äº‹ã‚’ディレクターやエンジニアãŒç†è§£ã™ã‚‹ã“ã¨ãŒã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’円滑ã«é€²ã‚る秘訣ã§ã™ã€‚ デザイナーã§ã¯ãªã„方々ã«ã¨ã£ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ™®æ®µä½•ã‚’æ‚©ã¿ã€ã©ã®ã‚ˆã†ã«Webデザインã—ã¦ã„ã‚‹ã®ã‹çŸ¥ã‚‹ã®ã¯ã€éžå¸¸ã«é‡è¦ã¨è¨€ãˆã‚‹ã§ã—ょã†ã€‚今回ã¯åŽ³é¸ã—ãŸ7ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã”紹介ã—ãªãŒã‚‰ã€ã€Œé…色ã€ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã¨ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã‚’å¦ã³ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€æœ¬è·ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã«ã‚‚役立ã¤ã‚¹ãƒ©ã‚¤ãƒ‰7連発ã§ã™ï¼ １．色彩センスã®ã„らãªã„é…色講座 7000ã„ã„ã! ã•ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ‰ 「時間ãŒãªã„ï¼ ä»Šã™ã作り始ã‚ãªã„ã¨ç´æœŸã«é–“ã«åˆã‚ãªã„ï¼ ã§ã‚‚ã©ã‚“ãªè‰²ã‚’使ã£ãŸã‚‰ã„ã„ã‹åˆ†ã‹ã‚‰ãªã„ï¼ã€ãã‚“ãªäººã«ãŠã™ã™ã‚ãªã®ãŒã‚³ãƒ¬ã€‚Facebookã§7000以上ã®ã„ã„ã!ãŒã¤ã„ãŸã€@marippe_ã•ã‚“ã®ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ é…色や明度・彩度ã®åŸºç¤Žã‚’ãŠ
HTML5 Web Design Workflow
1. HTML5 Web Design Workflow HTML5時代ã®Webデザインワークフãƒãƒ¼ 2012.10.21 第51回 WEB TOUCH MEETING + Mozilla 勉強会 ã“ã‚‚ã‚Šã¾ã•ã‚ã
スライド「 使ã£ã¦ã‚‚らãˆã‚‹ã‚¢ãƒ—リã®è€ƒãˆæ–¹ã€ã‚’公開ã—ã¾ã—㟠| fladdict
SlideShareã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’公開ã—ã¾ã—ãŸã€‚ã€Œã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šè° 2012忘年会ã€ã§ã®ãƒ—レゼンã§ã™ã€‚ 監訳ã•ã›ã¦ã„ãŸã ã„ãŸTapWorthyã®å·»æœ«åŽŸç¨¿ã‚’ベースã«ã€ã‚ˆã‚Šçªã£è¾¼ã‚“ã è©±ã‚’è¿½åŠ ã—ã¦ã„ã¾ã™ã€‚ ãŸã ã—ã€æ™‚é–“çš„ãªå•é¡Œã§æ‰±ã£ã¦ã‚‹ç¯„囲ã¯ã€ç‹ãæ·±ãã—ã¦ã„ã¾ã™ã€‚ 完全版ã¯ã¾ãŸã©ã“ã‹ã€åˆ¥ã®æ©Ÿä¼šã«ã€‚質å•ã‚„ツッコミ㯠@fladdict ã¾ã§ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚。
ドメイン駆動è¨è¨ˆã¨ã„ã†ä»•äº‹ã®æµå„€
8. ドメインモデル指å‘ã®è¨è¨ˆãƒ‘ターン æ¥å‹™æ´»å‹•ã®ãƒˆãƒªã‚¬ãƒ¼ æ¥å‹™æ‰‹é †ã®è¦ç´„ æ¥å‹™ã®çŸ¥è˜ ドメイン èµ·å‹• ドメイン å§”è² ãƒ‰ãƒ¡ã‚¤ãƒ³ イベント サービス モデル 入会申込 å—付() -ç”³è¾¼ç•ªå· { 会員ã¨ã¯ï¼Ÿ -æ°å 検証(); 入会ã¨ã¯ï¼Ÿ -連絡先 記録(); 申込ã¨ã¯ï¼Ÿ -申込日時 通知(); å—付ã¨ã¯ï¼Ÿ } "something interesting "represents a Use Case scenario" “an Object Model which affects the domain" "delegate to other objects " of the Domain†[EAA-dev, Fowler] [GRASP : Controller] [PoEAA] 9. ドメイン層ã®åŸºæœ¬éƒ¨å“ æ¥å‹™ã‚¤ãƒ™ãƒ³ãƒˆ 入会申込 会員リãƒã‚¸ãƒˆãƒª 会員登録サービス << interfac
Webデザインã®ã‚»ã‚ªãƒªãƒ¼ã‚’å¦ã¼ã†
2012å¹´2月16æ—¥ ç¦äº•å·¥æ¥é«˜ç‰å°‚é–€å¦æ ¡ã§è¡Œã„ã¾ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒŸãƒŠãƒ¼ã§ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚Read less
ノンデザイナーã®ãŸã‚ã®é…色ç†è«–
2. ã‚ãŸãã— ãŠã°ã‚‰ ã¤ã‹ã• 渋谷ã§SAUCER（ソーサー）ã¨ã„ã†åå‰ã§ãƒ•ãƒªãƒ¼ @saucerjp ã®ãƒ‡ã‚¶ã‚¤ãƒŠã‚’ã—ã¦ã„ã¾ã™ã€‚ 紙媒体ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã«å…¥ã‚Šã€ãšãƒ¼ã£ã¨ç´™ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã‚’ã—ã¦ã„ã¾ã—ãŸãŒã€ã“ã“5, 6å¹´ ã¯Web媒体ã®ä»•äº‹ãŒéšåˆ†ã¨å¢—ãˆã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã§ã¯ç‰¹ã«ç´™ã€Webã®åŒºåˆ¥ãªãデザイン㮠仕事をã—ã¦ã„ã¾ã™ã€‚
Twitter bootstrap入門 #twtr_hack
The document discusses Twitter Bootstrap, an open-source front-end web development framework. It provides information on Bootstrap's history and features, including its grid system, typography, forms, buttons, navigation and other components. The document also offers tips on getting started with Bootstrap, customizing it using LESS, and related tools and resources.Read less
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
MVCã®å…ˆã€çŠ¶æ…‹ç®¡ç†ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼
ブレãªã„アプリデザインã®ã™ã™ã‚ã‹ãŸ
{{#tags}}- {{label}}
{{/tags}}