TOP  >  Tool

Category:Tool

2018年09月02日

手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」

WEBを制作する際のフローとして、まずは手書きでワイヤーフレームを設計してそれらを固めてから、実制作に移るという方は多いのではないでしょうか?今日紹介するのは、手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」です。

sketch2

こちらは、2018年8月に公開されたもので、現在はailab/Sketch2Code at master · Microsoft/ailab · GitHubにて公開されています。開発者インタビューや実際の利用シーンがまとめられた動画が公開されていましたので以下からご覧ください。

動画は以下から

(さらに…)

続きを読む
posted 11:40  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
2018年08月07日

Instagramをおしゃれに演出できるフリーテンプレート「Vana free fashion social media templates for Instagram」

Instagramでの写真投稿が日課になっている人も多いのではないでしょうか。膨大な数の投稿の中でも注目を集めたい!そんなときに写真がアレンジしてあると目を引きやすくなります。今回はそんなシーンで活用できるフリーテンプレート「Vana free fashion social media templates for Instagram」を紹介したいと思います。

vana1

Instagramをおしゃれに演出できる、ファッション性の高いテンプレートがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool   
このエントリーをはてなブックマークに追加
2018年05月19日

投稿写真をより魅力的に見せるSNS用のテンプレート「Social Media Booster Kit」

昨今SNSの活用方法の幅も広がり、広い世代の方が利用するようになってきました。様々な場所で、インスタ映えするような食べ物や撮影スポットを求めている人を見かけます。今回紹介するのは、投稿写真をより魅力的に見せるSNS用のテンプレート「Social Media Booster Kit」です。

SNStemplate01

InstagramやFacebookで活用できるテンプレートのセットです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Tool   
このエントリーをはてなブックマークに追加
2018年05月04日

より魅力的な1枚を投稿したい方におすすめ Instagramマスクセット「Textura Instagram Masks Set」

SNSは世界中にユーザーが存在しており写真の投稿数も多いため、その中でどのように人目を惹くかは重要となってきます。そんな中今回は、今までの投稿とは一味違った印象を与えるInstagramマスクセット「Textura Instagram Masks Set」を紹介したいと思います。

nstagramMasks01

投稿写真を簡単な操作でおしゃれに加工できるマスクセットです。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月16日

CSSで簡単に導入できるカスタマイズも可能なSVGバックグランドセット「SVG Backgrounds」

近年Webデザインに導入する機会が増えてきた「SVG」。拡大や縮小が容易にできる為、レスポンシブ性が求められるWebデザインに適応するフォーマットとして注目を集めています。今回ご紹介するのはそんなSVGを利用した背景を容易に生成できる「SVG Backgrounds」です。

svg-backgrounds1

シームレスで拡大と縮小に適応したSVGバックグランドをCSSコードで入手することができます。

詳しくは以下
(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月15日

カラーコードから色の相性を確認できるwebツール「.colors{}」

デザインの印象を決める配色は、組み合わせ次第で全く異なる印象へと変化する、重要な工程です。そんな配色だからこそ、しっかりと吟味して最適な組み合わせを選びたいもの。今回ご紹介するのはその配色を行う際に役立つwebツール「.colors{}」です。

dotcolors1

好きなカラーコードを入力して、その色同士の相性を確認することが出来るWebデザインに最適なツールです。

詳しくは以下
(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る