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

【2016年上半期】ウェブデザイナーが注目したい、本当に流行中のWebデザイントレンド5つ

Medium で公開された「5 Actual Web Designs Trends for 2016」 by Nils Sköldの許可をもらい、日本語抄訳しています。 This article is translated from Medium (https://medium.com/). 「いつの間にか気付いたら、2016年も半分を過ぎていた。」そんなひとも少なくないかもしれません。今回は上半期の総集編として、ウェブデザイナーが押さえておきたい、実際に流行っているWebデザイントレンド5つを、サンプル実例サイトと一緒に見ていきましょう。 01. フルスクリーン表示 + スクロールなし。スクロールしないウェブデザインが、いよいよ人気となりはじめているようです。ヘッダーの一番上にアンカーリンクを固定し、下方向にスクロールを促す単一ページのウェブサイトは、ホームページ作成のスタンダードと言

sugiyama0621 2016/07/25

webデザイン

リンク

入力するだけでオシャレに魅せる、モダンなフリーフォント素材50個まとめ

「形態は機能に従う」（英: Form follows functions）とは、無駄な装飾は取り除き、必要から生まれた形態は美しいという、アメリカ建築の三大巨匠とされるルイス・サリバンの新しい考え方です。いわゆるモダンな「機能美」という概念を、はじめて唱えた人物です。今回はそんなシンプルな見た目で、オシャレなデザインに仕上げるフリーフォントをまとめてご紹介します。清潔感のあるスッキリとしたスタイルが中心で、モダンな雰囲気を演出したいときにどうぞ。詳細は以下から。入力するだけでオシャレに魅せる、モダンなフリーフォント素材50個まとめ Lambok 書体に使われている曲線をなくした、細字のサンセリフ書体。 ※　個人利用可能 Cooper Hewitt ニューヨークにある博物館のロゴとして作成されたサンセリフ書体。 ※　個人、商用利用可能 Intro Free Font ※　個人、商用利用

sugiyama0621 2016/07/22

font

リンク

デザイナー要注目！作業効率がアップする話題のデザインツールまとめ

いままでの作業フローをいい意味で、劇的に変えてくるデザインツールを探している、そんなひとは多いかも知れません。テクノロジー系のクールで面白いプロダクトについて、誰よりも早く知りたい人たちのためのコミュニティ Product Hunt のデザイン部門で、これまで話題となった作業効率をアップするデザインツールをまとめてご紹介します。デザイン制作における悩みのタネでもある配色選びを手軽に行ったり、何百というGoogle フォントを手軽にPhotoshop で使える拡張プラグイン、さらに時間に応じて目に優しいスクリーンの明るさに調整してくれたりと、特にデザイナーにとってうれしい機能を中心にピックアップしています。詳細は以下から。目からウロコ、作業効率がアップする話題のデザインツールまとめ Pexels 著作権フリーで、商用利用にも対応したフリーフォトストックサイト。豊富な収録数に加え、人気キ

sugiyama0621 2016/07/14

webサービス

リンク

プロデザイナーから学ぶ、ウェブサイトを良くするために心がけたい15個のポイント

デザインのキャリアをはじめるとき、良いアプローチのひとつとして基本デザイン原則を学び、そしてそれらをうまく使い、きちんとした土台を今後のプロジェクトのために作ってみましょう。 Image Source: Jared Granger 制作を通じてノウハウを知ることで、より多くのテクニックを学び、自分の予想を超えた良いアイデアを作成できるようになるでしょう。プロのデザイナーから学ぶことは、ウェブデザインのスキルを改善するのにもっとも最適な方法といえます。今回は、ウェブデザインを改善する15個のテクニックを見ていきましょう。詳細は以下から。 01. 憧れのデザイナーを追いかけよう。デザイナーによって好みのデザインレイアウトやエフェクト、コンポーネントは違うもので、それらを真似してみましょう。すごいと言われるアーティストでさえも、最初はここからはじめています。まずは通らないわけにはいかないでし

sugiyama0621 2016/07/06

webデザイン

リンク

背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ

CSS3 が主要ブラウザに対応したことから、これまではむずかしかったアイデアやコンセプトも、手軽にスタイリングできるようになってきています。今回は、背景デザインにスパイスを加えるエフェクト用コードスニペットを、コード共有サイト CodePen からピックアップしまとめています。コピペで利用できる手軽なものから、これってどう表現するんだろうという面白スタリングまで、注目をあつめるテクニックを中心に揃えています。デザイン制作に悩んだときに活用してみてはいかがでしょう。詳細は以下から。背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ ※　デモが動かないときは、「RETURN」ボタンをクリックすることで、再読み込みされます。 ※　ページの読み込みに多少時間がかかります、すこし待ってからスクロールするとスムーズに表示されます。 Pure CSS Cinema Effe

sugiyama0621 2016/07/05

webデザイン

リンク

これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ

フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。詳細は以下から。これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ（Photoshopでも作成できます）に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。幻想的な多重露光エフェクトのつくり方ポートレ

sugiyama0621 2016/06/13

Photoshop

リンク

Photoshopならここまでできる！すごい無料モックアップ素材60個まとめ 2016年5月度

みんなをあっと驚かせるユニークな商品の魅せ方や、プレゼンテーションで注目を集めたいときは、新しいデザインの方法ができるモックアップ素材を利用してみましょう。Photoshopでひと手間加えるだけで、ワンランク上のデザインに仕上げてくれ、ワンクリックで編集できる手軽さも特長です。今回は、今後のデザイン制作に活用したい、無料PSモックアップをまとめてご紹介します。特に最新アイテムを中心に、高品質な素材が揃っており、アニメーションや超リアルな立体感など、新しいスタイルの人気がはじまっているようです。詳細は以下から。 Photoshopならここまでできる！すごい無料モックアップ素材まとめ Animated in Photoshop Mockup 新しいプレゼンテーションの形を提案する、アニメーション付きのモックアップを作成できます。 via GIPHY スクリーン画面の変更には、スマートオブジ

sugiyama0621 2016/05/19

photoshop

リンク

デザイナー顔負け！写真加工がうまくなる、10個の簡単テクニックまとめ

海外デザインブログ Canva Design School で公開された「10 Simple Ways To Enhance Your Images」より許可をもらい、日本語抄訳しています。「百聞は一見にしかず（英: A picture is worth a thousand words.）」と言われるのには、きちんとした理由があります。古くからよく知られているフレーズかもしれませんが、オーディエンスに向けてデザインを制作するときには、適切なアドバイスと言えるでしょう。デザインのコンセプトに、エクスペリエンス体験やリサーチを加えることで、イメージ画像はうまく注目を集めることができます。 Hubspot では、ビジュアル・コンテンツ（英: Visual Content）がいかに強力なコミュニケーションツールであるか、いくつかの統計がまとめられています。関連する画像のあるコンテンツは、画

sugiyama0621 2016/05/11

写真加工

リンク

デザイナーが持っていたい、すごいフリーフォント素材42個まとめ

デザインをしているときに悩んでしまいがちで、全体のイメージを決める重要な要素のひとつ、フォント選び。手持ちのフォントコレクションを定期的にアップデートして、クリエイティブな作品をつくってみましょう。今回は、最近公開された無料ダウンロードできるフリーフォント素材をまとめてご紹介します。太さに応じて豊富なウエイトが用意された書体から、今年のトレンドでもある手書き、ブラシスタイルの他に、人気の高い美しい筆記体デザインなどが揃っています。詳細は以下から。デザイナーが持っていたい、すごいフリーフォント素材まとめあさご本丸ゴシック伝統的な雰囲気でありながらも、クルクルとしたループ状の線が個性的でモダンさを感じるエレガントな書体だそうです。 ※　個人利用可能 Margurite 流れるように美しい筆記体スタイルで、リガチャ合字なども豊富に用意された、プロユースのデザインフォント。 ※　個人利用

sugiyama0621 2016/05/10

リンク

作業がグッと捗る、取り入れたいPhotoshop時短テクニック17個まとめ - PhotoshopVIP

作業がグッと捗る、取り入れたいPhotoshop時短テクニック17個まとめ 24 Tips, Tricks, and Hacks for Adobe Photoshop CC Photoshopのデザイン制作をスピードアップできる、あまり知られていない時短テクニック17個をまとめてご紹介します。デザイナーが覚えておきたい、ショートカットキーを使ったテクニックを中心に、よりスムーズなデザイン体験を実現することができます。参照元@ : 28 Powerful Hidden Tips, Tricks, Features! - TutVid

sugiyama0621 2016/04/06