「これはすぐ使える」「めちゃくちゃ為になるやつ」　プロのデザイナーが教える写真構図まとめが勉強になる

2022/08/29 560 users デザイナー ヤツ 勉強 プロ 反響

プロのデザイナーによる、「覚えておきたい写真構図」をまとめた画像に反響が集まっています。これを意識すれば、初心者でもセンスの良い写真が撮れるかも。 サンプル画像つきでイメージしやすい（画像はクリックで拡大します） 投稿者はWebデザイナーのもち（@makiko_sakamoto）さん。「三分割構図」「三角構図」「S字... 続きを読む

未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie

2019/10/29 2290 users psd Knowledge baigie トリル PDF

「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD]（59MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなお... 続きを読む

Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko｜note

2019/07/21 681 users メインビジュアル Twitter 構図 一環 普段

初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただ... 続きを読む

「お前やってることは法律に引っかかってんだよ！」　コインハイブ事件、 #神奈川県警 がすごむ取り調べ音声を入手 (1/3) - ねとらぼ

2019/02/16 1454 users コインハイブ事件 取り調べ音声 神奈川県警 とらぼ お前

「お前やってることは法律に引っかかってんだよ！」――自身のサイトに「Coinhive（コインハイブ）」を設置したとして検挙されたWebデザイナーを、神奈川県警の捜査員がどう喝している取り調べ音声データを入手。当事者とその弁護士に検挙の問題点を聞きました。 事件のあらまし サイト訪問者のPCを使ってWebブラウザ上で... 続きを読む

Webデザイナー/プログラマのためのDocker超入門 - Docs.com

2016/10/13 2940 users プログラマ Docs.com

Share carefully! Anyone who gets this link can view the document and pass along the link. Share carefully! Anyone who gets this link can view the collection and pass along the link. 続きを読む

【全部無料】ブログ運営に使える23の便利ツールで作業をスマートかつ効率的に - Life is colourful.

2016/07/31 723 users Life is colourf 便利ツール 作業 全部無料

2016 - 07 - 31 【全部無料】ブログ運営に使える23の便利ツールで作業をスマートかつ効率的に ブログ運営 Web制作 ブログを運営する上で、便利なツールを無料の範囲内で紹介してみたい。ここで取り上げるツールは、無料といえど本職のWebデザイナーやマーケッターが使うツールも含まれており、ブログ運営にも応用が効くものが多く、その効果も大きい。 新しいものを取り入れるのは面倒でもあるのだけれ... 続きを読む

Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！ | Cherry Pie Web

2016/06/29 675 users 游ゴシック font-family 悲願 CSS フォント

タイトルが旬を外していて、しかもちょっと釣り気味で申し訳ありません・・・ OS X MavericksとWindows 8.1に共通のフォント 「游ゴシック」 ・ 「游明朝」 が搭載され、CSSのfont-familyに 「游ゴシック」 を指定すれば、Webデザイナーの長年の悲願であった 「MacとWindowsで同じ見た目にする」 ということが可能になりました。 しかし実際に指定してみると、Ma... 続きを読む

JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット | dwango creators' blog（ドワンゴクリエイターズブログ）

2016/01/20 1251 users React ドワンゴ dwango creators CSS

はじめまして、ほそだと申します。昨年秋まで個人事業主の立場でドワンゴでお仕事させていただいておりましたが、いろいろ経緯がありまして中の人になりました。ドワンゴ歴はそこそこ長い新入りです。よろしくお願いいたします。 さて、今回はデザイナー（HTML/CSS/JSは扱えるいわゆる「Webデザイナー」）として1年間ほどReactを使ってみたので、そのメリットを書いてみようかと思います。 Reactとの出... 続きを読む

【生存戦略】20代のWebデザイナーが身につけるべき15のスキル一覧 - paiza開発日誌

2015/08/05 534 users paiza開発日誌 生存戦略 片山 要件 UIデザイナー

2015-08-05 【生存戦略】20代のWebデザイナーが身につけるべき15のスキル一覧 Photo by Joi Ito今回のpaiza開発日誌は片山がお送りします。皆さんはWebデザイナーがどんな仕事をする人か？という事を明確にイメージ出来るでしょうか？最近、弊社でWeb/UIデザイナーを採用する事になったのですが、求人の要件を固めていくにあたって、そもそもWebデザイナーって、どんな経験を... 続きを読む

フリーランスのデザイナーが０から仕事をもらっていくための戦略をまとめてみる - Literally

2014/11/29 682 users Literally Tips 返答 クライアント フリーランス

2014-11-29 フリーランスのデザイナーが０から仕事をもらっていくための戦略をまとめてみる TIPS 先日『１年でフリーのWebデザイナーになった僕が実行した8つのステップ』という記事を書いたところ、フリーランスデザイナー志望の方からクライアントからの仕事のもらい方や価格設定等についてご質問を頂いた。今回は、返答がてらフリーのデザイナーが仕事をもらっていくための戦略をまとめてみようと思う。 ... 続きを読む

１年でフリーのWebデザイナーになった僕が実行した8のステップ【独学デザイン勉強法】 - Literally

2014/10/25 1597 users Tips プレゼン Literally スライド デザイン

2014-10-25 １年でフリーのWebデザイナーになった僕が実行した8のステップ【独学デザイン勉強法】 TIPS WEB DESIGN Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだこ... 続きを読む

【※保存版】WEBデザイナーご用達の本当に使える商用フリーの素材サイトをまとめました。

2014/10/13 860 users リソース 商用 商用フリー 懸念 手持ち

WEBデザイナーは技術はもちろん、手持ちのリソース（情報など）が多いほど有益なデザインを完成させることができます。 しかし海外の素材サイトは、ウイルスリスクの懸念や利用規約も英語で理解できなかったり曖昧だったりでちょっと怖いイメージがあります。特に商用で利用した場合にはしっかりと利用規約を確認することができる日本で運営しているサイトのが安心ですね。 ここでは本当に使えるWEBデザイナーご用達の商用... 続きを読む

DTP→Webデザイナー転向時に、これやったら捗ったよリスト13 | 279-design

2014/08/05 688 users DTP 279-design エディトリアルデザイナー 大卒

元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP（エディトリアルデザイナー）の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全に... 続きを読む

Webデザイナーが最低限おさえておきたい時短のためのPhotoshop拡張機能5つ | Flips Blog Web担の小技

2014/06/28 659 users 時短 Web担 Flips Blog 最低限 小技

フォトショッパーの皆さん、ごきげんよう。Yamadaです。 今回はPhotoshopをお使いの方で、Web制作をされている方なら、是非ともおさえておきたいという便利なプラグインをご紹介致します。 Plasma PhotoshopCS6、CC もはやこの界隈でも有名すぎるほどの破壊力があるプラグインの一つ。 例えば全体的なカラーの一部を赤から青へ、試しに緑へ変えてみるなんてことはしょっちゅうあります... 続きを読む

デザイナーのわたしがプログラムの基礎をだいたい3日で覚えた1つの方法

2014/05/20 1465 users デザイナー わたし プログラム 格段 基礎

フルスタックエンジニア！フルスタックエンジニア！ 最近なんでもかんでも出来る人が求められていますね。Webデザイナーの人でも簡単なプログラムに触れる機会は以前より格段に増えています。 わたしもプログラムを覚えたいと思い、勉強していました。しかしそれは、禁煙と同じようなもので触ってはやめて、触ってはやめて、飽きてしまうの繰り返しでした。 身につかない原因 プログラムの勉強会や、本、ブログなどを読んで... 続きを読む

これで完璧！バナーの作り方やデザインの参考になる記事やサイトまとめ | creive【クリーブ】

2014/03/29 1195 users ターゲット ディレクター 誘導 役割 バナー作成

皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 バナー作成の参考になる記事 実... 続きを読む

スキルが増えた！今後を生き抜くためにＷｅｂデザイナーも習得しておきたい技術 | コムテブログ

2014/03/17 764 users コムテブログ スキル 技術 ライティング クラウドソーシング

クライアントさんの依頼やクラウドソーシングでもライティングや撮影依頼の需要が増えてきました。コンテンツファーストの時代になり、ライターだけじゃなく「コンテンツを作れる」デザイナーやエンジニアは、今後100%重宝されます。今回はフリーでも活躍できるように、ライバルのデザイナーさんと差別化できるように「コンテンツ作成」もできるデザイナーになるためのスキルをまとめました。 もくじ コンテンツ設計 １．イ... 続きを読む

新人Webデザイナーにありがちな５つのコミュニケーショントラブルとその解消法 | LPO研究所

2014/03/11 589 users LPO研究所 セリフ 新人Webデザイナー 立場 新人

LPO研究所の鳥居です。 「イメージしてたデザインと全然違う」 「これじゃ売れる気がしないんだけど」 「ちゃんと頭使って考えてんの？」 突然ですが、あなたは日常的にこんなことを言われていませんか？ 今の職場でWebデザイナーとして働きはじめてはや７年。私は、今では後輩デザイナーの育成も行う立場なのですが、新人が先程のようなセリフを言われるのを毎日のように目にしています。 無論、私自身も新人の頃はこ... 続きを読む

効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ

2014/01/06 1072 users コムテブログ 職種別 基礎 webデザイン ワイヤーフレーム

Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配... 続きを読む

【難しく考えすぎ！？】bootstrap臭のしないお洒落なレスポンシブWEBデザインの作り方 | WEBデザイナーの憂鬱

2013/12/25 687 users Bootstrap臭 Gunosy Bootstrap 事例

「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド　リボーテ -R... 続きを読む

Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ | OZPAの表4

2013/11/04 949 users Twitter OZPA DTP 途方 妖精

プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのでき... 続きを読む

今日からはじめる！Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 | Find Job ! Startup

2013/10/24 841 users イシジマミキ Startup コーディング コーデ エンジニア

今日からはじめる！Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 こんにちは！ザ・マーズナレッジという会社をやっている、デザイナーのイシジマミキです。 Twitter Bootstrapと聞くと、エンジニアやマークアップエンジニアが使うものだと思っていませんか？それは大きな間違いです。コーディングが苦手なデザイナーこそ、一番便利に使えるものなのです。コーデ... 続きを読む

JPGとPNGとGIFの違いを理解できるときれいで軽い画像が作れる！ | delaymania

2013/10/24 910 users delaymania jpg PNG フォーマット gif

WEBデザイナーの@delaymaniaです。 WEBの仕事をしてると様々な拡張子の画像を扱いますので使い分けについて分かってるのですが、ブログをやってる方はそこまで気を使ってない人が多いように見受けられます。 特にJPGとPNGは全然違ったフォーマットなので、画像の性質に合わせて使うべきです。 JPGとPNGとGIFの違いと使い分け 今回はJPGとPNGとGIFの厳密な違いなど、専門的な話はしま... 続きを読む

Webデザイナー向け！Web制作に便利なおすすめMacアプリ18個

2013/10/22 575 users Webデザイナー向け Web制作 Mac Macアプリ ツール

こんにちは。 皆さんは、普段Web制作をするときにどんなツールを使っていますか？ 人によって様々なツールを活用していると思いますが、Macを使用している人には、日々の制作をより便利にしてくれるアプリがたくさんあります。 今回は、特にWebデザイナーに向けて、Web制作のために入れておくと何かと便利なMacアプリをご紹介します。 Adobe Creative Cloud Webデザイナーにとってはな... 続きを読む

Webデザインのスキルを磨こう！Webサイト模写のススメ | Webクリエイターボックス

2013/10/14 682 users Webクリエイターボックス ススメ スキル webデザイン

先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインに... 続きを読む