【完全保存版】シートで簡単チェック！デザイナーが見落としがちなUIデザイン12の想定漏れ | それいけ！フロントエンド

2017/06/05 150 users フロントエンド デザイナー シート 完全保存版 デザインカンプ

こんにちは。フロントエンドエンジニアのほりでーです。 Webやアプリの開発ではデザイナーとエンジニアの連携が欠かせません 。デザイナーとエンジニアが分業する場合、デザイナーがPhotoshopなどのグラフィックツールで完成図となるデザインカンプを作成し、それを元にフロントエンドエンジニアが実装してWebサイトを完成させることが多いでしょう。 しかし、最近のWebサイトで多用されているリキッドレイア... 続きを読む

CSSブレンドモードで画像を彩ろう | Webクリエイターボックス

2015/05/19 186 users Webクリエイターボックス Photoshop CSS 手法

Photoshopをはじめとしたグラフィックツールに搭載されている「ブレンドモード（描画モード）」機能。複数の画像や色を様々な手法で重ね合わせ、独特の効果をうみだします。そんなブレンドモード、実はCSSでも実装できるんです！今回はそんなCSSブレンドモードにフォーカスしてみようと思います！ 対応ブラウザー Can I use…によると、IE以外のモダンブラウザーに対応しています。ただしSafari... 続きを読む

無料ウェブデザインツールGoogle Web Designer ベータ公開、HTML5 / CSS3 / JSを自動生成 - Engadget Japanese

2013/10/01 398 users Engadget Japanese ベータ公開 Gwd

Google が Windows / Mac用のウェブデザインツール Google Web Designer を公開しました。Google Web Designer (GWD) は、各種のグラフィックツールとタイムラインでアニメーションを作成すると、プラットフォームを問わず動く HTML5 / CSS3 / JavaScript を出力してくれるツール。読めないコードを自動生成する一方通行ブラック... 続きを読む

ちょっと別の世界も見てみませんか？ベクターベースのグラフィックツール Sketchを紹介してみるよ。 | creative tweet.

2013/05/08 65 users ベクターベース Fireworks Sketch Adobe

SketchはOSX向けのベクターベースのグラフィックツールです。AdobeでいうところのPhotoshopというよりはFireworks（やIllustrator）に近く、ワイヤーフレームのような軽いものから、ユーザーインターフェイスのデザインやイラストレーション・アイコン作成などもこなせるアプリです。 実は先週あたりからこの記事をポツポツと書いていたら、Fireworksが新規機能開発終了とい... 続きを読む

Fireworks で戦国武将の家紋を作って SVG な Web Font に変換してみる | 歴史雑談録

2012/12/20 89 users Fireworks SVG 家紋 戦国武将 Photoshop

どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。（いや、喜んで書いてますよ） 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機能が豊富だったりで Webな方々には多く使われていたりするのですが、僕も右に倣えで頻繁に使用しているわけです。この Firewo... 続きを読む

PhotoshopでWebサイトのデザインをしよう | Webクリエイターボックス

2012/10/09 787 users Photoshop 実寸 Webクリエイターボックス 連載

2012年10月09日 Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまった... 続きを読む

Fireworksで覚えておくと便利な文字設定まわりのTips | Webデザインのタネ

2012/07/09 330 users Fireworks モック タネ Tips グラフィック

FireworksやPhotoshopなどのグラフィックツールでWebデザインのモックを作る際、文字ツールは矩形ツールより多く使うことが多く、文字設定のショートカットを覚えているだけでも効率は全然違います。グラフィックソフトで一番に覚えるべきショートカットは何かと聞かれたら間違いなく文字周りのショートカットです！ 今日はFireworksで覚えておくと便利な文字設定のTipsや拡張機能をまとめてお... 続きを読む

Photoshop VIP ☞ Illustratorのすご技を体感、デザインチュートリアル30個まとめ 2012年3月度

2012/03/06 625 users Illustrator Photoshop ＨＯＭＥ 体感

Home　>　 まとめ　>　その他まとめ　>　Illustratorのすご技を体感、デザインチュートリアル30個まとめ 2012年3月度 デザイン制作でもよく利用されているグラフィックツール、Adobe Illustrator。 Photoshopとの互換性もあり、組み合わせて利用することで、よりデザイン表現の幅を広げてくれるツールです。 海外デザインブログDesignBeepで、新しいテクニック... 続きを読む

【レポート】Quartz Composerによるビジュアルフロープログラミング

2005/05/26 62 users Quartz Composer TIGER レポート 立場

Apple ComputerのMac OS X 10.4(Tiger)には、標準で「Quartz Composer」というアプリケーションが付属している。このアプリケーションは、開発環境であるXcode Toolsの一部という立場のせいか、Appleにもあまり取り上げられていない。しかし、この開発ツールにしてグラフィックツールであるQuartz Composerは、実は非常にエキサイティングで、と... 続きを読む