TOP  >  人工知能

Tag : 人工知能

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   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2014年03月18日

さまざまなデザインシーンで活躍するベクター素材まとめ「35 New Vector Graphics and Vector Elements for UI Design」

ベクター形式の素材は、拡大縮小での劣化もなく、イラストレーターで編集することもできるため非常に重宝される存在です。そんなベクター素材をまとめた「35 New Vector Graphics and Vector Elements for UI Design」を今回は紹介したいと思います。

35vector1
Geometric Shapes Vector Graphic – DryIcons

パターンからインフォグラフィック、デザイングラフィックなど、いろんな種類のベクター素材が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:00  |  
Category: WebService   
2009年08月17日

クリエイティブなcoming soonを集めた「Beautiful Launching Soon pages」

サイトの製作中やコンテンツの準備中に表示されるcoming soon。NotFoundと同じく少しがっかりさせられてしまうページの一つではありますが、今回紹介するのは単にcoming soonと文字だけがはいっているのでは無く、少しアイデアをプラスしたクリエイティブなcoming soonを集めたエントリー「Beautiful Launching Soon pages」です。

comingsoon01
6. Creative Joomla Design

いくつか紹介されていますが、今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:53  |  
Category: WebDesign   
tag: webdesign
2010年12月28日

webデザインのクオリティを高める「綺麗でリッチなフッターデザイン集のまとめ 60」

webデザインをする際、メイン部分のデザインはもちろん重要ですが、フッターデザインもwebサイトのデザインクオリティを高めるのに重要な部分です。そこで今回は、「綺麗でリッチなフッターデザイン集のまとめ 60」を紹介したいと思います。


ECTOMACHINE | Tulsa Web Design | Oklahoma Web Design

綺麗にまとめられたフッターデザインの数々が紹介されており、サイトデザインの際に非常に役に立ちそうです。気になったデザインをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:20  |  
Category: Design   
2018年01月05日

2018年のデザインの流行を知る「10 Design Trends to Watch Out For in 2018」

毎年移り変わりの早いデザイントレンド。2018年に入り、どんなデザインが流行の兆しにあるのか?それをまとめた記事「10 Design Trends to Watch Out For in 2018」を今回は紹介したいと思います。

designtrend1

10の予想されるトレンドがピックアップされています。中でも気になったものをピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2014年10月10日

イラストレーターを使って描き出すテキストエフェクトチュートリアル「Awesomely Brilliant Adobe Illustrator Text Effects Tutorials」

いろいろなデザイン表現を可能にするソフト・イラストレーター。さまざまな場面で活躍してくれますが、機能が多くなかなか使いこなせないことも。今回はそんな時に参考にしたい、イラストレーターを使って描き出すテキストエフェクトチュートリアル「Awesomely Brilliant Adobe Illustrator Text Effects Tutorials」を紹介したいと思います。

illusttu1
How To Create a Comic Style Text Effect in Illustrator

テキストをグラフィカルに表現できるイラストレーターのチュートリアルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:08  |  
Category: WebService   
2017年05月20日

430種類もの手描き風イラストがセットになった「430+ FREE storyboard illustrations by Julian Burford」

デザインに分かりやすく親しみやすく、彩りを添えてくれるイラスト。活用したいと思っても、自分で制作するには時間とコストが掛かるため、なかなか難しいのが現状です。今回紹介するのはそんな方におすすめ、手描きイラストが430種類も詰まった素材セット「430+ FREE storyboard illustrations」です。

430-illustrations-01

ペンで描かれたようなタッチのイラストが、全てベクター形式で揃っており、さまざまなシーンで活躍してくれそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , vector   
2017年08月21日

高品質でクリエイティブ性の高いフォトショップアクションまとめ「New Amazing Photoshop Actions for Photographers & Designers」

複雑な作業でも、Photoshopのアクション機能に記憶しておけば何度でも使用することができ、時間短縮へ繋がる上に均一なクオリティを生み出すことができ非常に便利。そんな中今回は、デザイナーに向けたクリエイティブなデザイン性を持つハイクオリティなアクション機能がまとめられた「New Amazing Photoshop Actions for Photographers & Designers」を紹介します。

Photoshop_Actions_top
Comic Book Photoshop Action by SOHdesign | GraphicRiver

どれも高品質かつユニークな画像演出が光るアクション機能ばかり。中から気になったものをいくつかピックアップ致しましたので以下よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop   
2014年04月23日

是非ストックしておきたい フリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」

常に新しいデザインのものがリリースされるアイコン。主流のフラットデザインから、立体感のあるデザインまで、いろいろなタイプが登場しています。今回はそんなフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」を紹介したいと思います。

icon140423_0
Dribbble – Outline Icons Part 3 by Adrian Goia

さまざまなデザインシーンで活用できる種類のアイコンが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2016年06月25日

PCなどがあるワークスペースをテーマにしたフリーモックアップ集「40+ Free Workspace Mockups for Photorealistic Presentations」

日々業務を行う作業スペースにはPCなどが置かれていることがほとんど。今回はそんなリアルなワークスペースをテーマにしたフリーモックアップ集「40+ Free Workspace Mockups for Photorealistic Presentations」を紹介したいと思います。

mock0625_1
2 Hip Desktop Mock-ups – download free mockups by PixelBuddha

リアルでクオリティの高い描写のモックアップ素材が多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:27  |  
Category: Design   
2009年06月28日

好きな色でダウンロードできるアイコンセット「iconza」

WEBのインターフェイスを分かりやすくしてくれたり、クオリティを高めてくれるアイコン。WEBデザインをする上で欠かせない要素ですが、自分のサイトに併せて自作するのはかなり大変です。フリーのアイコンセットはDesigndevlopでも多々紹介していますが、なかなか自分のサイトには使えないと言う方におすすめなのが今回紹介する好きな色でダウンロードできるアイコンセット「iconza」です。

iconza

微妙な色合いまでのコントロールはできませんが、登録されている15種類の色から自分のサイトに会った色でダウンロードすることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:37  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る