Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2018年02月16日(金)

SketchでレスポンシブなWebサイトが作れる!「LaunchPad」の実力をチェック

人気のUIデザインツール「Sketch」で作ったデザインを静的なHTML/CSSに展開できる便利なプラグイン。レスポンシブWebデザインにも対応できる「Launchpad」はかなりおすすめです!

Animaは便利なSketchのプラグインを2つ作っています。Auto Layoutは、Sketchでレスポンシブなレイアウトを作るのに使い、Launchpadは出来上がったレスポンシブなデザインを、ほぼ完成版と言えるぐらいのまともな品質のコードに変換し、HTML/CSS Webサイトとして出力します。まずは、ビデオを見てください。

[embedded content]

「えっ? また別のサイトビルダーですか? 」

そう言わずに聞いてください。Launchpadは単なるHTML/CSSエクスポーター以上のものです。デザインはSketchを使うので、WYSIWYGエディターとも違います。4つ星のコード出力を5つ星のWebサイトにしたいなら開発者に頼む必要があり時間がかかりますが、Launchpadが時間の節約になるときもあります。Launchpadでできることを紹介します。

  • Auto Layoutと組み合わせることで、レスポンシブデザインが可能
  • 動画、リンク、フォーム
  • フ...

author:

WPJ

https://www.webprofessional.jp/

デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア。提携するSitePoint.com発の海外先端技術記事や、独自のインタビュー記事などを毎日掲載します。 KADOKAWAが運営。

今日のwebデザイン記事ランキングを見る

Ads

デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア。提携するSitePoint.com発の海外先端技術記事や、独自のインタビュー記事などを毎日掲載します。 KADOKAWAが運営。WPJの記事『SketchでレスポンシブなWebサイトが作れる!「LaunchPad」の実力をチェック』についてまとめています。

この記事は特にレスポンシブ・javascript・アニメーション・アイコン・フォント・SEO・UX・ダウンロード・facebook・HTML5・Google・twitter・youtube・ドメイン・動画・LINE・iOS・Webサービスについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のWPJで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとWPJの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ

アプデ情報