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

ウェブ制作がすご楽に！便利な最新オンラインツール33個まとめ

この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これなしじゃ考えられない。」、そんな便利ツールが揃います。コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. 生産性アップツールウェブ制作がすご楽！便利な最新オンラインツールまとめデザインコレクション SVG Arista このツールはCSSコードを使って、アップロードしたSVGファイルのstrokeとfillプロパティのアニメーションを作成するAnimistaのスピンオフ・プロ

furakutaru 2019/09/03

リンク

デザイン披露に役立つ！置き換えるだけのお手軽な無料モックアップ素材コレクション

せっかく時間をかけて完成したデザインなら、より魅力的に演出してみませんか。Photoshopの「モックアップ素材」を利用すれば、ほんの少しの作業で、見た目の印象がグッと良くすることができます。今回はクライアントへの提案やプレゼン資料、ブランディングなどに欠かせない、最新の無料モックアップ用PSDファイルをまとめてご紹介します。デザイナーが持っておきたい高品質なモックアップ素材がずらり、83個揃った完全保存版。モックアップとは何？では、一体「モックアップ」とは何で、どんな使い方があるのでしょう？モックアップとは、食品はもちろん車やスマートフォン端末など、あらゆるプロダクトデザインの見本や試作デモなどを指し、より本物の実用的なイメージで視覚化することで、見た目や機能の確認などに利用されています。グラフィックデザイン業界では、ブランドイメージを表現するパッケージやTシャツ、文房具などの

furakutaru 2018/09/07

リンク

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

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

furakutaru 2016/12/08

リンク

ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度

思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。詳細は以下から。ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ Fixed Disappearing Scrolling Header スクロールすると表示されている文字テキストがフェードアウト