gla69のブックマーク - はてなブックマーク

Web制作の常識が変わる、便利な最新オンラインツール48個まとめ

この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手

gla69 2020/06/27

結構実務で使えそうなものがある！！

リンク

ウェブデザイン制作が加速中！便利な最新オンラインツール53個まとめ

この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクションウェブデザイン制作を爆速に！便利な最新オンラインツールまとめデザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる

gla69 2019/05/08

リンク

パッケージデザイン世界一を決める！ペントアワード2016の素敵な受賞作品まとめ

世界的に優れたパッケージデザインを表彰するため、2007年から毎年実施されているペントアワード（英: Pentaward）。設立者のひとり、ブリジット・エブラール (Brigitte Evrard)は、「パッケージデザインは、コスト削減と短期的な利益回収、各マーケットにおける法律をクリアするなど、とても要求が高く、訓練の難しい分野です。ペントアワードの目標は、大量消費される商品から、ラグジュアリーな高級アイテムまで、あらゆる市場から集めたパッケージデザインを表彰することです。」と述べています。作品のクリエイティビティやクオリティに基づき、銅、銀、金、プラチナ、そしてその年もっともすぐれた作品に贈られる「ダイヤモンド」の各賞が授与されます。2016年は、54カ国から1,843のパッケージデザインがエントリーし、その授賞式が中国、上海で行われました。今回は見事に受賞を勝ち取った、クリエイ

gla69 2016/12/05

デザイン

リンク

現役デザイナーが明かす！デザインを良くする12個の鉄板ルールと具体例

海外デザインブログCanva Design School Blogで公開された「12 Ways Designers Know When a Design Looks Good – And How You Can Too」の著者より許可をもらい、まとめて日本語抄訳しています。デザイナーではないひとにとって、デザイナーの行う作業を見ていると何をやっているのかよくわからないものかもしれません。どうやって利用するフォントを選んでいるのでしょう？なぜ素敵な色使いができるのでしょう？なぜこのイベントポスターは、こんなに興味をそそるのでしょう？デザインには正解も間違いもないことが、はじめての人にとって、デザインを学ぶことがむずかしい理由のひとつかもしれません。もし仕事場にグラフィックデザインを作成してくれるデザイナーがいるのなら、あなたは幸運でしょう。しかし私が最近話す機会のあった、何千とある中小

gla69 2016/10/19

デザイン

リンク

CSS スタイルシート制作を楽にする！知っておきたい便利ツール25選まとめ

海外サイト Envato Blog で公開された「25 Free Web-Based Apps & Tools For Working With CSS」の著者 Paul Andrew より許可をもらい、翻訳転載しています。 CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。たとえば、CSSアニメーションや FlexBox レイアウトを作成、調整したり、モダンブラウザ対応の書き方を思い出したり、レスポンシブ用にemをpxへの変換や CSS ファイルの圧縮やクリーンアップ、画像をデータURIへ変換など、どれもクリエイティブとは程遠いものばかり。今回は、作業時間を大幅に短縮し、より快適なスタイルシートの作成ができる便利なツール25個をまとめてご紹介します。紹介するツールを活用することで、これまで時間がかかっていた頭の痛くなる作業も、ボ

gla69 2016/09/06

css

リンク

商用利用可能、ダウンロードしておきたい筆記体フリーフォント素材45個まとめ 2013年版

筆記体フォントは、当サイトでも人気の高い素材のひとつです。特に新しく公開されている新作素材を中心に集めてみました。海外デザインブログTextuts.comで、デザイン性に優れた筆記体フリーフォント素材45個をまとめたエントリー「45 Best Free Script Fonts 2013」が公開されていたので、今回はご紹介します。アルファベット順で羅列していますので、お気に入りの筆記体デザインを探してみてはいかがでしょう。今回のフリーフォント最大の魅力は、個人利用に限らず、商用利用にも対応しているという点です。デザイン制作に活用したくなる、高品質フォント素材を中心に、これまでにまとめた筆記体エントリーと、あまりかぶらないようにチョイスしています。詳細は以下から。デザイン力をアップする、人気筆記体フリーフォント素材まとめ 2013年版 Alako-Bold ※　個人、商用利用可能 A