デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
Webデザイナーが一度は読んでおくべきおすすめの本13冊 - LITERALLY
先日、読者の方から「Webデザイン習得するにあたって参考にした本は何か」という問い合わせを頂いたので、回答記事を書こうと思う（遅くなってしまいすみません）。せっかくなので、Webデザインの専門知識に関する本だけでなく、いつもインスピレーションをもらっている本も合わせて紹介しようと思う。参考程度にどうぞ。 以下の3つのジャンルについて分けて紹介。 WEBデザインを学ぶための本 デザインセンスを磨くための本 インスピレーション刺激本 WEBデザインを学ぶための本 1 インターネット技術の絵本 振り返れば、いちばんはじめに読んでおけばよかったなと思うのが、この絵本シリーズ。Webデザイン含め、プログラミングを始めた人は「Webデザインがどうやってインターネットに公開され、どうやって人の目に触れるのか」や「今の作業の全体における立ち位置」がいまいち見えなくてモヤモヤすることが多いと思う。HTMLと
jQueryでLightBox風のエフェクトが作れる「YoxView」 | Web活メモ帳
YoxViewは拡大画像を効果的に見せるためのjQueryプラグインです。 以下のような機能があるようです。 ブラウザウインドウ内で表示されるよう、画像の自動縮小 他言語対応 キーボードによる操作が可能 早速使ってみました。詳しくは以下 YoxViewを設置 まずはファイルをダウンロードします。 サイトの画面右側にあるダウンロードボタンをクリック。 Latest versionをダウンロードします。 htmlに組み込みます。サムネイル画像をyoxviewクラスの中に配置します。 <div class="yoxview"> <a href="images/01_full.jpg"><img src="images/01_thumbnail.jpg" alt="First image" /></a> <a href="images/another_full.jpg"><img src="ima
フォトギャラリーサンプル集･JavaScript･Ajax･jQuery･cssを利用したPhoto Gallery sample
ここで公開されているフォト ギャラリー テンプレートを、ホームページを作成するときに利用すると より魅力的なWebサイトになります。ぜひ、ホームページ作成時に役立ててください。 ※ご利用になる際は、必ず利用規約をお読み下さい。 テンプレート利用規約 Tweet
【みさきのイラスト素材】
全て無料、商用利用可能(10点まで)加工OKで利用頂けます。 素材数2万点、季節・行事・学校の素材が豊富です。個人・商用問わず、幅広くご利用下さい。 ※商用利用は11点以上有料になります。利用規定をご熟読下さい。(2022.7.1改定)
ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ
こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基本的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ！ ちょっと待って文字詰めって何？ まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基本的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し
【無料で商用可】文字の印象をグッと変える使いやすいカリグラフィーまとめ - Webデザイン初心者向けのあれこれ
「カリグラフィー」という言葉をご存じでしょうか？ カリグラフィーとは文字(特に欧文)を美しく書く技術のことです。古くはコーランにも用いられ書面を美しく飾ることに使われてきました。 参考 ： カリグラフィー - Wikipedia カリグラフィーはフォントにも用いられますが、今回はシンプルで使いやすい飾り枠としてのカリグラフィーを紹介します。 Abstract_Valentine02 http://www.allfreebrush.com/Vectors/Holiday/2011/0213/3597.html これからのシーズン、バレンタインに使えそうな可愛らしくもしつこくないカリグラフィー。 Caligraphy Design Elements http://www.allvectors.com/caligraphy-design-elements/ シンプルなラインのカリグラフィーがたく
超ハイクオリティな日本製フリーフォント「Spun Gold」と、その他日本製のおすすめフリーフォント
Spun Gold - onotakehiko.... / Koushiki Typefaces / Vegur他...全5件
Webデザイナーさんにおすすめの無料で読める電子書籍いろいろ
2014年2月25日 Web関連記事, インスピレーション 私は普段紙の本をほとんど読みません。年に１冊読むか読まないか…。しかし、iPadを購入してからはなぜか電子書籍なら読むようになりました。ディスプレイで読む事の方が慣れているからですかね…？という事で私が最近読んだ無料の電子書籍をいくつか紹介します。日本語のものは比較的サクサク読めるものばかりなので、空いた時間に読んでみてください！ ↑私が10年以上利用している会計ソフト！ インタラクティブPDFでつくったインタラクティブPDFのつくりかた〜動画/音声再生・ページ効果編〜 ダウンロード InDesignで動画や音声付きのPDFファイルの作り方を説明してます。サンプルもついています。紙の本では表現できない、電子書籍の魅力はこういった点にあると思うので、これから電子書籍の出版を考えている人には参考になると思います。 地域でメディアづくり
色彩センスのいらない配色講座
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
[JS]jQueryのプラグイン100選 -2010年総集編
2010年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年は、アニメーションのエフェクトやレイアウト、後半は背景画像関連のプラグインが特に目立っていたように思います。 [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 ツールチップ関連 レイアウト関連 背景画像関連 その他UI関連 アニメーション関連 スクロール・ドラッグなど操作関連 テーブル・リスト・データ関連 フォーム関連 コンテンツ生成 その他 コンテンツスライダー・カルーセル関連
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
jQueryの日本語の解説サイトと国産のプラグイン集
MopBox 複数パネル（デモには100以上のパネルも）の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
モトヤお試しフォント・フリーフォントダウンロードページ
●ご注意事項 １．お試しフォント（以下、当該フォントという）をダウンロードして使用する過程および結果において発生する、いかなる障害に対しても一切の責任を持ちません。 ２．当該フォントの著作権、無体財産権及び所有権は株式会社モトヤ（以下「弊社」といいます）に帰属します。お客様は、使用することができるだけで、弊社の権利及び第三者への再使用許諾権を得るものではありません。 ３．当該フォントのユーザーサポートは行いません。 ４．当該フォントは、予告なくフォントデータのアップデートを行うことがあります。 ●使用許諾内容 １．当該フォントは、個人で利用する範囲において使用することができます。 ２．当該フォントは、テスト組版の作成及び出力、または所有される機器上での動作確認において使用することができます。（営利・非営利にかかわらず団体でのご使用、学校や塾での教材、成果物の不特定多数の方への配布などは別途
シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ - かちびと.net
個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
今年公開されたクリエイター必見の日本製フリーフォント「KOUSHIKI SANS FONT」と、その他日本製のおすすめフリーフォント
男の異業種転職ウェブメディア-OREPICA-