未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
新「iPad Pro」先行レビュー 前モデルから乗り換えたくなるほどのモデルチェンジ (1/3) - ITmedia Mobile
Liquid Retinaを採用し、前面ほぼ全体がディスプレイになった新しい「iPad Pro」。ホームボタンを廃したデザインになり、Apple PencilやSmart Keyboardも刷新された。短期間だが、実機を使ったレビューをお届けしたい。 Liquid Retinaを採用し、前面ほぼ全体がディスプレイになった新しい「iPad Pro」が、11月7日に発売される。ホームボタンを廃したデザインは、iPad史上最大級のモデルチェンジだ。Apple PencilやSmart Keyboardも刷新され、過去のiPadとはもはや別物の感もある。この新しいiPad Proの11型版を、短期間ではあるが実際に試用してみることができた。ここでは、その使い勝手をレビューしていきたい。 デザインを全面刷新 試用した11型版は、10.5型版iPad Proをアップデートしたモデルといえる。ホームボタ
Photoshopでデザインカンプやグラフィックデザインにおけるモックアップの作り方がよく分かるデザイン本
Photoshopでこんなのを作りたいなと思った時、Webで探すとそのほとんどが英語のチュートリアルで、作り方や細かいニュアンスなどが分からないことはありませんか？ 素材も英語圏内のものが多く、商用可なのか、ダウンロードしても大丈夫なのか、心配になることもあります。 デザインカンプやグラフィックデザインにおけるモックアップの作り方が詳しく解説された、そして素材もDVDで収録されたオールインワンの良書を紹介します。 本書とPhotoshopのスプラッシュスクリーン 本書はCS6+対応のPhotoshopの解説書で、さまざまなPhotoshopのテクニックを実践形式で学べる一冊です。チュートリアルに使用する素材をはじめ、同系統の異なる素材、完成版などのデータはDVDに収録、もしくは専用サイトからダウンロードして利用できます。
【難しく考えすぎ！？】bootstrap臭のしないお洒落なレスポンシブWEBデザインの作り方
「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド リボーテ -Re:beaute-様のサイトもありがたいことに、このまとめ記事に取り上げて頂いています。 いろいろなメディアに取り上げていただく中でのフィードバックとして、「twitter bootstrapがレスポンシブWEBデザインに便利なのはわかっているけど、どうやったらbootstrapっぽくないデザインにできるのかわからない」という声をよく聞きます。 僕も最初はそう思っていました。 一回触ってしまえば、
これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法 | ベーコンさんの世界ブログ
みなさん、デザインを作るとき、ソフトはIllustratorですか？ Word？PowerPoint？affinity designer？Canva？ デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法をお教えします。 ちなみに、使うソフトはどれでも大丈夫！ あ、そうそう、ぼくの仕事はグラフィックデザイナーのベーコン（@dogdog464646）です 実はもともとデザイン力がある方ではありませんでした。 喋りだったり、企画力だったり、バイトだったりをしながら、なんとかフリーランス生活を10年間食いつないできました。 だから、いまだにコンプレックスがいっぱいあります。 ぼくだって本当は、デザイン力だけで切り開くかっこいいデザイナーになりたかったけどね… でも、それが自分には適正ではなかったんですね、それに気づいてからは違う力を伸ばしはじめましたが・・・しかし、デザインの制作業務
【日本語フリーフォント】本当は教えたくない！デザイナーが仕事で使ってる12選【商用可】 | ベーコンさんの世界ブログ
１．うずらフォント（手書きフォント系） ▼ぜんぶうずらフォントです。 手書きフリー日本語フォントはたくさんありますが、最近はこれがお気に入りです。 ゆるい感じが可愛らしい。 ちょうど下手すぎず、上手すぎずがちょうどいいんですよね！ このフォントの使いみち ダウンロードはこちらから ２．Noto Sans Japanese /a 源ノ角ゴシック（ゴシック太さ多数） GoogleとAdobeからこのフォントが発表された時、デザイナーは沸きました。 しかし思いません？ winならメイリオとかmacヒラギノとか最初から入っているフォントでいいよ！ ぼくも、そう思います！ あーでも、しかし１つだけこのフォントが便利な点があるんです。 それは 文字の太さの種類がある これが大事なんです。デザインを作る時に便利！ OSに最初に入ってるフォントは、太さの種類が２、３種類だと思います。 ボールドボタンで太く
【初心者向け】デッサンの描き方の基礎を徹底的に解説する【6枚】 - MIKINOTE
先日、絵の描き方に関しての記事を書いたせいか、このブログの読者さんや、Twitterのフォロワーさんで、「絵の練習をしている」とか「デッサン描いたら勉強になった！」と言う方が何人かいます。 僕も、デッサンは今までに何千枚と描いてきたし、そういう話題を見ると懐かしいなあと思ってしまいます。 で、そう言えば３年くらい前に、「ちょっと久しぶりに練習してみようかな？」と急に思い立って描いた簡単なモチーフを描いたデッサンの画像があるな〜ということを思い出しました。デッサンを描く過程の写真も撮ってあります。 ちょうど良いので、数年前に描いた６枚の鉛筆デッサンが描かれていく工程を参考にしつつ、初心者の方向けに、「デッサンの描き方の基礎」を、これだけわかっていれば大丈夫！と言うくらいに徹底的かつ詳細に解説していこうと思います。 ちなみにこの記事、とてつもなく長いです。なので、読みたい所だけ読むなり、ブック
ご訪問ありがとうございます。—前田高志
このブログは役目を終えたので閉鎖しました。 永らくご愛読いただき本当にありがとうございました。 2016年2月。任天堂を退社し、まずやったことは文字で「デザインの力」を伝えることでした。 長年ゲームの魅力を伝える仕事をしてきました。これからはデザインだ。どうせ書くなら出し惜しみなし、誰も書かないことを書こう。 次第に「デザインってすごいんですね」と言ってもらえることが増え、デザインを志す方、デザインが好きな方、お仕事をご一緒する人とたくさんつながりを持てました。 今も個人のnoteも続けていますし、株式会社NASUと前田デザイン室の仲間とともにプロダクトやプロジェクトを起点に情報発信を絶え間なく続けています。 これは、このブログを立ち上げた時の気持ちと一切変わりません。 「デザインの力を伝える」 ただ、この１点です。 引き続き、これからも応援よろしくお願い致します。 デザイナー 前田高志
【初心者向け】誰でもできるデザインの７つの基本でWeb制作・ブログ運営・資料作成をより創造的に - Life is colourful.
世の中はデザインで溢れている。ブログを運営するとき、会社で資料を作るとき、普段の生活の中でも結構「デザインする」ことに直面する場面は多い。キレイで便利なテンプレートやテーマを使えば済む話だけれど、素人やデザイン初心者でも、少しでもデザインに関する意識があれば、仕事だけでなくプライベートでも応用がきくし、思考の幅も広がって楽しい。 デザインするということは何も特別なことではなく、一握りの絵心のある人が特殊なグラフィックツールや生まれ持ったセンス用いて、創造的な作品を生み出すことだけを意味するわけではない。 誰でもできるデザインもある。 そしてそれは、ちょっとした知識があって、何かを作るときにほんの少し気をつければいいだけの作業である。（このエントリーでいう「デザイン」とは、そういうものと定義する。） この記事では、デザイン初心者に向けて、デザインの簡単な７つの基本を紹介してみる。実際にこの７
2016年のロゴデザインのトレンド -2016 Logo Trend Report
「Ombré（オンブレ）」とはここ数年、海外セレブたちが火付け役となって人気になったオンブレヘアーの美しいグラデーションで、特定の2色間をグラデーションでつなぐデザインです。ロゴデザインではこのグラデーションをベクターベースの面白い形状で色分けして利用しています。 Circles 完璧と無限を表現する美しいサークルは、非常に人気が高いデザイン要素です。最近のトレンドは、サークルの上にサークルを重ねたり、繰り返して使用しています。こういった幾何学的な形はシンプルであればあるほど良く、要素に区別をつける時にはフラットにしたり透明にしたり、グラデーションにしても効果的です。 Half and Half
サイト制作の勉強になる、参考にしたい最新ウェブデザイン28個まとめ
ウェブサイトをつくるときに、アイデアが湧いてこなくて困ってしまうことがあります。そんなときは、一度パソコンから離れ、散歩に出かけるのも効果的ですが、他のデザイナーが作成した作品をチェックし、デザインの眼を養ってみてはいかがでしょう。今後のデザイン設計のきっかけや、参考になるかもしれません。 今回は、新しいウェブ技術を駆使した、クリエイティブで体感型の最新サイトデザインをまとめてご紹介します。各サムネイルをクリックすることで、参照サイトを確認することもできます。 詳細は以下から。 サイト制作の勉強になる、参考にしたい最新ウェブデザインまとめ Checkland Kindleysides 高級感のあるセリフ書体に、幻想的な写真イメージを組み合わせたデザインが素敵。各サービスを表す、ユニークなアニメーション付きアイコンにも注目。 Addidas Climazone 2016年に入りよく見かけるよ
ウェブデザイナーが見直しておきたい、2016年のウェブデザイントレンド10個まとめ
2016年も３分の１が過ぎ、今年を代表するウェブデザイントレンドがはっきりと見えてきました。Studio by UXPin で公開されている無料Eブック「The Complete 2016 Web Design Trends Bundle」では、2016年のトレンドを10個のポイントに分けて、具体的なウェブサイトと一緒にまとめています。 今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。 詳細は以下から。 01. マイクロインタラクション Microinteraction マイクロインタラクションは、モバイルアプリのデザインにおいて、大きなアニメーションに比べ、ユーザーがあまり考え
UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり
【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」（複雑な背景バージョン） オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
デザイナーの時短テクニック！ハイクオリティ無料パターン素材101選
気候的にも過ごしやすい4月、5月は、様々なアクティビティが楽しめたり、イベントも多くあります。温かく気持ちのいい春に合わせて、デザインも一新してみてはいかがでしょうか。 今回は、この春にぴったりの無料パターン素材を101個まとめてご紹介します。 特に花を取り入れたデザインは春時期様々なシーンで大活躍しますので、要チェックです。 春シーズンにオススメの無料パターン素材101個 1. Watercolor patterns of cherry blossoms http://www.freepik.com/free-vector/watercolor-patterns-of-cherry-blossoms_1061175.htm 春シーズンのデザインにぴったりな桜の花のパターン素材で、水彩画ならではのタッチが魅力的です。 2. 9 Arbor Path Seamless PAT Files h
もう手放せない！Illustratorスクリプトを使ったデザインスピードアップ術！
みなさん、Illustratorのスクリプトって使っていますか？ 社内のデザイナーに聞いたところ、日常的に使っている人は9人中1人！そもそも存在さえ知らないよ、なんて人もいます。おいおい(；・∀・) 使わないともったいないぜ！！・・・と思いつつ、ぼくも使っていませんでしたｗ ということで使っていない人からすると、なかなか敷居が高いIllustratorスクリプト。実際の使い方・導入方法、どんな場面で使うといいのか？などなどまとめてみました。 この機会にぼくといっしょに始めてみませんか？ そもそもどんな時にIllustratorスクリプトを使うの？ Illustratorで作業する際、キーボードショートカットやアクションを使って効率化・スピードアップをしていると思います。スクリプトはその延長と考えてもいいと思います。 少しでも早く作業をするため、単純作業を減らすため、よく使う作業を自動化する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.life-is-bitter.com/entry/ui_checklist
https://designer-draft.jp/articles/20
商用無料でしかも高品質！レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ
