[B! ツール][デザイン] yamadarのブックマーク

yamadar id:yamadar

ツールとデザインに関するyamadarのブックマーク (19)

なにこれ便利すぎる！ WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。既存のWebサイトをリデザイン
yamadar 2022/10/24
使った。レイアウト確認目的では開発者ツールでHTML覗くより時短になる。パララックス等エフェクトやレスポンシブは抜け落ちるので注意が必要／サイトのコピーはソース丸コピが早い。このツールは全然適してない

デザイン

UI

ツール

@Figma
リンク
Colorbase
All-in-one color tool for creators
yamadar 2021/09/05
webサービス

色

デザイン

ツール
リンク
イラストレーターが無料!?Illustrator CS2のダウンロード方法
1．CS2が無料ダウンロードできる経緯 Adobe CS2のダウンロード画面には下記のように書かれています。アドビは、技術的な問題のため、Acrobat 7 をはじめとする CS2 アプリケーションのライセンス認証サーバーを無効化しました。これらの製品は7年以上前にリリースされており、最新のオペレーティングシステムの多くで動作しません。サポートは終了しています。アドビは、サポートされていない過去のソフトウエアを使用しないよう強く推奨します。ダウンロードの一部として提供されているシリアル番号は、CS2 または Acrobat 7 を正式に購入し、これらの製品の最新の使用を維持する必要があるお客様のみご利用いただけます。︵Adobe公式より︶分かりやすいように図解にしました。説明しますと、CS2のライセンス認証サーバーが停止すると正規にCS2を使用している人がライセンス認証できなく
yamadar 2015/08/27
うーん、最後に買ったのはCS3だった。今は業務でもプライベートでも Adobe CC 使ってる。

@Adobe

デザイン

ツール
リンク
Sketch
Moving from InVision to Sketch? — Join our hands-on session. Save your seat. Moving from InVision to Sketch? — Join our hands-on session. Save your seat.
yamadar 2015/04/09
デザイン

ツール

Mac

アプリ
リンク
Googleのマテリアルデザインで使える色が並び、クリック一発でカラーコードのコピーも可能な「Material UI Colors」
Googleが提供しているモバイルOS﹁Android﹂の最新バージョン﹁Android - 5.0 Lollipop﹂にも採用されている、新しいUX体系が﹁マテリアルデザイン﹂です。マテリアルデザインの発表後、Googleは自社サービスに続々とマテリアルデザインを採用しており、サードパーティ製のアプリなどでもこれを採用したものが次々と登場しています。そんなマテリアルデザインでは使用可能な色が指定されているのですが、これで使えるカラーを並べたカラーパレットを表示してくれ、使用したいカラーをクリックすればそのカラーコードが一発でコピーできてしまうというウェブサイトが﹁Material UIColors﹂です。 Material UI| Material Design | Material UIColors http://www.materialui.co/ ﹁Material UIC
yamadar 2015/01/26
発想は面白いけど微妙に使いにくかった

デザイン

ツール
リンク
この Visualization がすごい2014 〜データ世界を彩るツール6選〜
https://dl.dropboxusercontent.com/u/136850/wave_analytics_ec_demo.pdf
yamadar 2014/03/01
デザイン

ツール

解析

統計
リンク
一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ
コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。最初は、国産のツールから。配色の見本帳 | キーカラーで選ぶ配色パターン一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。上は緑みの青︵#0099CE︶をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。
yamadar 2013/12/10
色

デザイン

webサービス

ツール
リンク
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
yamadar 2013/11/22
photoshop

まとめ

ツール

デザイン
リンク
グーグル無料のウェブ制作ツール Web Designerを公開
Googleからものすごそうなツールが登場。Adobeのツールがすべて合体したようなツールです。Illustratorのようなパス描画を可能とし、3Dビューで編集まで可能、さらにAdMobの設定までできてしまい、タイムラインでHTML5のアニメーションまでできてしまうようです。直感的ツールで作ったデザインをマルチデバイスに対応したウェブページとして吐き出してくれるようです。又、デザインツールで作られたコードをコードビューに切り替えて直接編集することまでできてしまい、まさにかゆいところの手が届く感じの機能が網羅されているようです。新規ファイル作成画面 3Dビューを備えたイラストレーター的ツールチュートリアルがこちらで用意されています。 Google Web Designer Help これは使い込んで見て損はなさそうですね。恐ろしいツールが出てきてしまいました。Adobeはどう出る？
yamadar 2013/10/13
使ってみよう。

デザイン

ツール

@Google
リンク
「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ！
Photoshopでデザインカンプを作成して、いざコーディング！となると面倒くさいのが画像のスライス作業。その画像のスライスを超絶楽にしてくれるツール﹁Slicy﹂を今さらながら導入しましたので使い方をご紹介。レイヤー・グループに名前を付けて保存アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。データができましたら、切り出したいパーツのレイヤーorグループに名前︵○○.jpgや○○.png︶を付けて保存します。あとはその保存したPSDデータをSlicyにぶち込むだけ。見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の
yamadar 2013/08/22
これは本当に便利そう。

ツール

アプリ

photoshop

Mac

デザイン
リンク
「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。
オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも！と思い、お願いしたいと思いました。視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。よか
yamadar 2013/08/18
**ソフトウェア

ツール

デザイン

ユーザビリティ
リンク
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
yamadar 2013/06/23
フラットデザインでよく使われる色を一覧表示＆コピー可能

色

デザイン

ツール
リンク
Photoshop Vip » ウェブデザインのワイヤーフレーム作成に使えるオンラインツール10選まとめ
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
yamadar 2013/05/20
デザイン

ツール

まとめ
リンク
How to Create Website Wireframes
2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、﹁連載！実践で学ぶWebサイト制作ガイド﹂として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は﹁ワイヤーフレームの作り方﹂です。これも過去に﹁Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する﹂という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト！実践で学ぶWebサイト制作ガイド‥その3目標‥わかりやすいワイヤーフレームを作成することができる必要なもの‥紙とペン対象レベル‥超初心者OK
yamadar 2013/05/20
あれ、この記事ブクマしてなかったんだ・・・。ワイヤーフレームの作り方やツールのまとめ。

デザイン

ツール
リンク
ウェブデザインで大切な縦のリズムをチェックできるブックマークレット -Gridwax
ウェブデザインの縦のリズムをチェックできるブックマークレットを紹介します。日本語のウェブサイトでももちろん利用できます。 Gridwax Gridwaxのインストール Gridwaxの使い方 Gridwaxのインストール Gridwaxをあなたのブラウザにインストールするのは、簡単です。サイトにアクセスし、「1. drag to your bookmark bar」にあるアイコンをブックマークバーにドラッグするだけです。
yamadar 2013/04/20
シンプルだけど実際に表示しながら確認できるのは良いね。

ツール

デザイン
リンク
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
yamadar 2012/10/15
デザイン

プレゼン

まとめ

webサービス

ツール

**これはすごい
リンク
WEB屋にとって便利なジェネレーター色々！最近のオススメも、昔から使ってきた物もまとめてご紹介！ | バンクーバーのうぇぶ屋
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
yamadar 2012/10/10
webサービス

まとめ

ツール

デザイン

**あとでやる
リンク
WEB制作者になりたいと言う人が見ると良さ気な、様々なことを学べるサイト15選！ | バンクーバーのうぇぶ屋
しつもーん。﹃北米でWEB制作者になりたいです！専門学校に通うお金とか無いんですが、何か良さ気なサイトとかあったら教えてください！﹄﹁なめんなよこの野郎。そんな都合の良いサイトあるわけ…ゴゴゴゴゴ﹂とかっこよく拒絶するのは簡単なんですが、思えば今や通信学習やらオンラインコースやらと結構色々あるんですね。それどころか、﹁あぁ、もし僕が今からWEB制作学びますって時に、このサイト見てたらなぁ﹂なんて思うサイトや記事も正直多いわけです。もちろん、WEB制作と一概に言っても多岐に渡るのは皆さんご存知の通りかなと。僕も含め、周りのWEB制作者な皆さんの多くは専門学校やら大学やらでWEB制作を学んだ方が多いので、オンラインのソースや教材だけでWEB制作を学ぶとどうなるか、僕にはわかりませんが、多少なりとも羨ましい世の中だと思う部分もあるわけで、今日はそんな今からWEB制作を学ぼうとする人
yamadar 2012/03/17
ツール

webサービス

デザイン

Web

**あとで読む
リンク
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレートまずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
yamadar 2010/07/14
最高です！

まとめ

webサービス

ツール

デザイン
リンク
1