未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
コーディングではなくデザインがメインの無料オンライン学習サービス
2020年5月26日 Webデザイン, インスピレーション Webデザインを学ぼうと思っても、オンラインで学べるのはHTMLやCSSのコーディングであることが多く、デザイン自体を学べるサービスは結構少ないです。そこで今回は無料でデザインを学んだり、作品制作の手助けをしてくれるサービスを紹介します。 ↑私が10年以上利用している会計ソフト！ chot.design chot.designは無料で学べるデザインの学習サイト。レッスンは5〜10分程度で読めるので、スキマ時間を使って勉強できます。名刺制作やバナー制作など、初心者が取り組みやすいものが多い印象。レッスン自体は無料ですが、会員登録すると進捗確認ができたり、Q&Aフォーラムで質問できるようになります。まずはここからはじめてみるといいですね！ カリキュラム内容一例 バナー制作テクニック アイコン制作テクニック 名刺制作テクニック UI/U
商用利用OK！2018年にリリースされた無料フォント40 | Webクリエイターボックス
2018年12月19日 フォント 2018年もあとわずか！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 過去の年末フォント紹介記事 2017年にリリースされた無料フォント40 2016年にリリースされた無料フォント30 2015年にリリースされた無料フォント35 日本語フォント 木漏れ日ゴシック どこかほっとするような、優しい雰囲気のフォント。所々わざと線をつなげていない切れ間があります。手書きの流れを残してカタカナの方が小さめだそうです。 源暎Nuゴシック 漫画の強調セリフとして使える特太モダンゴシック体。漫画でよく使われる「!!」「!?」などの組み合わせが簡単に使え、母音や「
Webデザインが進化したからこそ「やってはいけない」5つのこと
Webサイトがレスポンシブ対応していたり、常に表示する必要のないメニューはハンバーガーメニューで隠したりと、業界で共有されている*Webデザインの「あるべき姿」*は、常に少しずつ進化しています。 その下支えになっているのがブラウザ技術です。Webrageの調査によれば、Internet Explorerを超えてGoogle Chromeが国内外で圧倒的シェアを獲得していますが、Google Chromeは6週間ごとに安定版がリリースされており、アップデートごとにブラウザの技術も進化しています。結果的に、Webデザインでできる幅も広がるのです。 しかし、Webデザインでできることが多くなったからといって、必ずしもデザイン上のテクニックがユーザー体験(UX)を向上させるとは限りません。 そこで今回は、Webデザインが進化したからこそ「やってはいけない」5つのことをまとめました。よかれと思って実
ビジュアルデザインに必要な10の基本原則まとめ
ビジュアルデザインを学ぶうえでもっとも基本的なルール、原則10個を、現役ビジュアルデザイナーの José Torre が詳しく紹介しているので今回はご紹介します。 ずっと使える、デザインの基本まとめました。【2020年改訂版】 ビジュアルデザインに必要な10の基本原則まとめ #1 ポイント、ライン、シェイプ 点（英: Point）、線（英: Line）、形（英: Shape）は、どんなデザインにおいてもっとも基本的な構成要素です。シンプルなアイコンから複雑なイラストまで、これらの要素を組み合わせることでどんなデザインでも作成できます。 幾何学（英: Geometry）としては、ポイントはX座標とY座標の組み合わせで、Z軸を追加することで3Dになりますが、今回は２次元デザインについて詳しく知りましょう。 ふたつのポイントをつなげると線になり、無数の点でできた線を組み合わせることで、どんな形で
源ノ明朝
源ノ明朝は、アドビフォントとしては２番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている４つの言語（簡体中国語、繁体中国語、日本語、および韓国語）で必要な文字をサポートします。それぞれ、７つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
NECがアクセシビリティ部門で初グランプリ、334名のWeb担当者が審査した「第4回Webグランプリ」 | Web担当者Forum
企業グランプリ部門は、参加企業による相互審査によって評価する、Web担当者によるWeb担当者のための賞。本年度は参加登録した55社、364人が審査員として参加し、各部門のグランプリおよび優秀賞を選出。日清の10分どん兵衛、モリサワのコーポレートサイト、KDDIのおもいでタイムラインなど、優れたサイトと、それを支えた担当者がたたえられた。 Webグランプリは、前身である「企業ウェブ・グランプリ（2007年開始、2013年からWebグランプリ）」から始まり、徐々に規模を拡大。本年度の審査について、Web広告研究会 代表幹事の田中滋子氏（NEC）は、「今年の審査では、BtoBサイトが増えてきたことを感じた。BtoB企業の社内において、コーポレート情報の活用が認知されつつある」と振り返った。 「浅川賞（アクセシビリティ賞）」は、Webアクセシビリティの重要性を広く認知してもらう活動の一環として、2
【厳選】Webデザインのスキルをアップさせるために読んでおくべき参考書7冊 | フリーランスエンジニアの求人情報【AKKODiSフリーランス】
【厳選】Webデザインのスキルをアップさせるために読んでおくべき参考書7冊 世の中にはWebデザインに関する参考書が数多く刊行されており、Webデザインを学ぶ環境は十分すぎるほど整っています。Webデザインのスキルを向上させるために読んでもらいたい、オススメの参考書を7冊厳選してご紹介ます。 タイポグラフィの基本ルール－プロに学ぶ、一生枯れない永久不滅テクニック タイポグラフィを学ぶならこの一冊。 文字組みを美しく見せるための基礎知識からテクニックまで、分かりやすく教えてくれます。 本書を読んでタイポグラフィを理解すると、微調整によってフォントの見栄えが全然違うことに気づきます。 タイポグラフィはWebデザインを美しく見せるための必須のスキルです。 http://www.amazon.co.jp/gp/product/4797359226/ デザインのルール、レイアウトのセオリー シンメト
Webデザインのアイデアに困ったら！参考になるさまざまなコンポーネントやレイアウトをまとめた -Call to Idea
Webページによく使用される、アイテムを並べるリスト、ギャラリー、タブ、ナビゲーションといったさまざまなコンポーネントをはじめ、打ち出しコンテンツのレイアウト、サンプルの表示方法、AdWordsの配置、データがない状態のレイアウトなど、Webデザインのアイデアをまとめているサイトを紹介します。
プロっぽくなった！フォントや「文字」に関するまとめ
作成：2013/10/28 更新：2014/10/24 Webデザイン > 先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フォントに関する知識 １．字間 ２．行間 ３．字詰め ４．文字組 ５．ジャンプ率 ６．余白／図版率 ７．メリハリをつける ８．書体 ９．読みやすいフォントサイズ １０．見やすい文章 １１．Webフォント スライド １２．フォントに関するスライド フォントに関する知識 １．字間 字間とは文字と文字の間に生まれる空間。文章の行間・送り、漢字とひらがなの字間など文章レイアウト
2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考えるウェブデザインでこれは気をつけたいの35のポイントデザインQRコードの作り方非デザイナーのためのデザイン
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ｜| ＾＾ |秒刊SUNDAY
2009年06月08日23:56 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ： WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・
汎用性の高いフリーのミニサイズのアイコン集 | コリス
アロー、ビュレット、サーチ、ショッピングカートなど、20,000個以上のウェブサイトで汎用性の高いミニサイズのアイコンを紹介します。 ダウンロードはフリーで、ライセンスは各アイコンで異なります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Check WebTech|採用技術にフォーカスしたWebサイトリンク集。トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。
1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説 | Webデザイン、これからどうなるの？（全10回）
Basic Design Note
新着記事
IDEA * IDEA