Magicul - Design-to-anything converter engine - Convert Adobe XD, Figma, Sketch and moreNew Automatically Backup your Figma designs in independent formats like Sketch or XD. Learn more >
Sketchã®ã‚«ãƒ©ãƒ¼ãƒ¢ãƒ¼ãƒ‰ã‚’編集ã™ã‚‹ - ゴーリストデザインブãƒã‚°
明ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ナガタ改ã‚レタスã§ã™ã€‚ 2018å¹´ãŒå§‹ã¾ã‚Šã€ã‚´ãƒ¼ãƒªã‚¹ãƒˆã§ã¯å…ˆæ—¥ãƒ¡ãƒ³ãƒãƒ¼å…¨å“¡ã§ç¥žç”°æ˜Žç¥žã«è¡Œã£ã¦ãã¾ã—ãŸã€‚神社ã¸ã®ãŠè©£ã‚Šã¯èº«ãŒå¼•ãç· ã¾ã‚Šã¾ã™ã〜。 Sketchã§ç–‘å•ã ã£ãŸã“㨠最近ã¯è‡ªç¤¾HPã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’担当ã—ã¦ã„ã‚‹ãŸã‚ã€Sketchã§ã‚‚りもりモック画åƒã‚’作ã£ã¦ã„ã¾ã™ã€‚ ãã‚“ãªä½œæ¥ã‚’ã—ã¦ã„る最ä¸ã§æ°—ã«ãªã£ã¦ã„ãŸã“ã¨ãŒä¸€ã¤ã€‚ æ–°å’採用ページを作ã£ã¦ã„ãŸæ™‚ã«ã‚‚「ã‚れ？ã€ã¨æ€ã£ã¦ã„ãŸ(æ€ã£ã¦ã„ãªãŒã‚‰æ”¾ç½®ã—ã¦ãŸ)ã“ã¨ãŒä¸€ã¤...。 ãã®è¬ŽãŒæœ€è¿‘解消ã—ã¾ã—ãŸï¼ モックを作ã£ã¦ã„ã¦ãšã£ã¨ç–‘å•ã ã£ãŸã“ã¨ã€ãれ㯠「Sketch上ã§ã®ç™ºè‰²ã¨ãƒ–ラウザã§ã®ç™ºè‰²ã€ãªã‚“ã‹é•ããªã„？〠ã¨ã„ã†ã“ã¨ã§ã—ãŸã€‚ å‰å›žæ–°å’採用サイトを制作ã—ãŸéš›ã€ã‚¹ã‚±ãƒƒãƒã§é¸æŠžã—ãŸè‰²ã‚’ãã®ã¾ã¾ã‚³ãƒ¼ãƒ‰æŒ‡å®šã—ã¦CSSを書ã„ã¦ã„ã‚‹ã®ã«ã€ãªãœã‹ãƒ–ラウザã§ç¢ºèªã™ã‚‹ã¨è‰²ãŒãã™ã‚“ã§è¦‹ãˆã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ 具体的ã«ã¯ã‚³ãƒãƒ©
JavaScript ã®ã‚³ãƒ¼ãƒ‰ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ã¦Sketch.app ã§ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’作æˆã—ã¦ã¿ã‚‹ | DeNA DESIGN BLOG
ã“ã®è¨˜äº‹ã¯ Sketch Advent Calendar 2017 4 日目ã®è¨˜äº‹ã§ã™ã€‚「コードをプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—㦠Sketch ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä½•ã‹ã€ã‚’書ã„ã¦ã¿ã¾ã—ãŸã€‚ 「人間ãŒæ‰‹ã§ã½ã¡ã½ã¡ä½œæˆã—ã¦ã„ãã®ã¯å¤§å¤‰ãªä½œæ¥ã‚’一気ã«è¡Œã£ã¦ã‚‚らã†ã€ã‚ã‚‹ã„ã¯ã€Œãƒ—ãƒã‚°ãƒ©ãƒ ã§ã€Žæ³•å‰‡ã€ã‚’組んã§ã¿ã¦ã€ãƒ‘ラメータを変ãˆã¦ã¿ãŸã‚Šã™ã‚‹ã“ã¨ã§æ°—æŒã¡ã®ã„ã„ã¨ã“ã‚を探るã€ã¨ã„ã£ãŸã“ã¨ãŒè¡Œãˆã¾ã™ã€‚ コードを書ã„ã¦ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æãã“ã¨ãŒå¾—æ„ãªè¡¨ç¾ã®ä¸€ä¾‹: æ•°å¦çš„ã§å¹¾ä½•å¦çš„ã§è‡ªç„¶ç¾è±¡ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ ノイズã®ã‚ˆã†ãªãƒ©ãƒ³ãƒ€ãƒ ã«ç”Ÿæˆã•ã‚Œã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ 2 ã¨ã¯é€†ã«ã€æ•´é “ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ç”Ÿæˆã™ã‚‹ã‚°ãƒ©ãƒ•ï¼ˆãƒ“ジュアライズ） 今回ã¯ã“ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’〠Sketch ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ã¦ä½œæˆã—ã¦ã¿ã¾ã—ょã†ï¼ 今回使用ã™ã‚‹ã®ã¯ã€p5 Sketch Plugin ã§ã™ã€‚プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’作るã®ã«ã‚ˆã使ã‚ã‚Œã¦ã„るツール
Devices — Facebook Design Resources
Designing for many platforms Facebook supports a diverse audience around the world and an equally diverse set of devices. To emphasize that in our design mocks, we redrew a range of devices to show the global diversity of the people using our products. Each device comes with a bitmap of the device (with and without shadows) and the original Sketch file for that device. We'll release different cate
Designing at 1x
It was only about a year ago that I made the full switch from Adobe Creative Cloud to Sketch for UI design, and a bit later that I came to what I think is the ideal design workflow for a product designer and design team. As a product designer, it’s critical to work as quickly and efficiently as possible, especially when considering multiple platforms at once. I began to explore solutions to work a
Sketch3ã§ã“ã‚Œã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹äººã«ä½¿ã„æ–¹ã®ãƒ’ントã«ãªã‚Šãã†ãªæ“作をã¾ã¨ã‚ã¦ã¿ã‚‹ |　ãƒãƒ‹ãƒ‡ã‚¶ãƒŽãƒ¼ãƒˆ
Sketch3ã¯ã€ã‚¦ã‚§ãƒ–サイトやã€ã‚¢ã‚¤ã‚³ãƒ³ã‚„ã€ã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインãªã©ã®ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ—リã§ã™ã€‚ ç›´æ„Ÿçš„ã§ã€å®šç¾©ã‚’ã™ã‚Œã°ã™ã‚‹ã»ã©é€ŸãデザインãŒã§ãã‚‹ã‚“ã§ã™ãŒã€Psã‚„Fwã¨æ¯”ã¹ã‚‹ã¨ã€ã‚·ãƒ³ãƒ—ルã«ãªã‚Šã™ãŽã¦ã¦ã€Œã‚ã®æ©Ÿèƒ½ã¯ã©ã“ãªã®ï¼Ÿã£ã¦ã„ã†ã‹ã‚ã‚‹ã®ï¼Ÿã€ã£ã¦æ€ã†ã‚‚ã®ãŒã„ãã¤ã‹ã‚ã£ãŸã®ã§ã€ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨ãŠã‚‚ã„ã¾ã™ã€‚
New Features in Sketch 3.3, presented in GIF
A new version of Sketch Beta dropped yesterday and brought with it a treasure trove of goodies. We ran through the changelog and found our favorites and then captured them in glorious GIF format. Enjoy! The width/height box now accepts percentages, which will automatically convert into the correct pixel values based on parent group or artboard. It’s pretty handy for working in layouts when you’re
Saving time in Sketch
With Sketch 3, Bohemian Coding has finally offered interface designers a great design tool with the speed and flexibility that competitors lack. I’m a freelance interaction designer and I have been using Sketch since the early days. I have successfully introduced Sketch into my design workflow and I’m willing to share my insights with you. Here are 6 time saving design techniques that I have gathe
The A to Z of Sketch | Envato Tuts+
This A-Z list breaks down each tool within Sketch, including links to relevant tutorials here on Tuts+ and descriptions of what each tool can do. This list will be continually maintained and updated, so make sure you check back regularly! # 9-Slice Image: Slice your bitmap images into nine different sections to aid scaling. You can click and drag any of the four points in the middle to adjust thes
Designing the new Foursquare
Today we released the latest version of Foursquare to the world. We crafted, designed and engineered this version from the ground up, and today you can download it. I thought I would write up my thoughts on the journey of leading the design efforts, with a truly great team, for our biggest launch to date. Earlier this year we sat down as a company and looked at all the amazing pieces of technology
A month with Sketch 3
A bit more than a month ago was my first day hopping on the hype train that is Sketch 3. I was determined to give it a try and delivered a few thoughts on it. Now that I used it extensively, on various complex projects during this period, I feel like I can give a better opinion on it, something a bit more helpful. Side note, I’m not trying to beat you over the head with another Sketch praising art
Sketch 3 Book for Beginner w/ Video
This book is written in Japanese. ã“ã¡ã‚‰ã¯è§£èª¬å‹•ç”»ä»˜ã（Chapter 03/04/05）ã®ãƒ‘ッケージã§ã™ã€‚ é›»å書ç±ã®ã¿ã‚’購入ã”希望ã®æ–¹ã¯ã€ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯ã‚ˆã‚Šã”購入ãã ã•ã„。 https://gumroad.com/l/paGO 目次ã¨Chapter 1をブラウザã§ãƒ—レビューã§ãã¾ã™ã€‚ http://theneutrals.io/s3bp/ --- Webã®é–²è¦§ç’°å¢ƒã®å¤šæ§˜åŒ–ã«ã¨ã‚‚ãªã„ã€Web制作ã®ç¾å ´ã‚‚ãã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚„制作手法ãŒå¤‰ã‚ã‚ã†ã¨ã—ã¦ã„ã‚‹ä¸ã€2013å¹´ã«ç±³Adobe社ãŒç™ºè¡¨ã—㟠Fireworksã®æ–°è¦é–‹ç™ºä¸æ¢ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã‚ˆã£ã¦ã€çªå¦‚ã¨ã—ã¦æ³¨ç›®ã‚’集ã‚ã‚‹ã“ã¨ã¨ãªã£ãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒã€ŒSketchã€ã§ã™ã€‚Sketchã¯ä»¥å‰ã‚ˆã‚Šä¸€éƒ¨ã®åˆ¶ä½œè€…ã®é–“ã§ã¯ä½¿ã‚ã‚Œã¦ã„ãŸãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ãƒ„ールã§ã™ãŒã€2014å¹´ã®4月ã«æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ŒSketch 3ã€ãŒãƒªãƒªãƒ¼ã‚¹ã•
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Timelapse for Sketch
Mastering Sketch 3 - Design+Code
http://sketch.land/
Sketch Toolbox
GitHub - nathco/Generate-GIF: Sketch.app plugin for generating animated GIFs
GitHub - timuric/Content-generator-sketch-plugin: Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc
GitHub - wikichen/sketch-android-kit: Android GUI template for Sketch
Marble UI Kit | madebyJW
{{#tags}}- {{label}}
{{/tags}}