Webデザイン
デザイン参考(35) スマートフォンデザイン(20) 色、配色(36)

 
スポンサード リンク

人気ランキング 1 - 30( 161 件中 ) [ / 1 2 3 4 5 6 / 次ページ→ ]

イラストレーターの使い方
更新:2012/03/17(Sat) 00:42 [マイリンク追加] [お気に入り追加]人気度[363]/累計[750] [修正] 
[Webデザイン] [無料リンク集] [イラストレーター講座] [イラスト素材] [風景の壁紙] [フリー壁紙]
イラストレーターを使ったイラストや地図、グラフの書き方を解説しています。イラストレーターを初めて使う方や、イラストレーターを使ったことはあるけど何をしていいのかわからない方など、超初心者さんを対象に、イラストレーターの使い方を簡単に解説しています。
AICHAN WEB|Web制作を楽しくしよう♪ 
更新:2012/09/06(Thu) 12:41 [マイリンク追加] [お気に入り追加]人気度[328]/累計[781] [修正] 
[ホームページ作成] [CSS] [Webデザイン] [ホームページ作成初心者] [色ソフト・カラーピッカー] [無料素材] [写真素材] [植物]
AICHAN WEBはホームページ作成支援サイトです。HTML&CSSサンプル集、薔薇の写真館、個人ホームページ宣伝掲示板などがあります。
無料デザインテンプレート集 
更新:2012/03/11(Sun) 02:07 [マイリンク追加] [お気に入り追加]人気度[415]/累計[1288] [修正] 
[ホームページ作成] [無料テンプレート] [Webデザイン] [XHTML・XML] [スマートフォンサイト作り方] [WordPressテーマ]
WordPress、HTML、スマートフォンのホームページテンプレートを配布しています。無料で使えて、デザインの加工も自由にできます。是非ご利用下さい
WebBox norijin note
更新:2012/02/26(Sun) 23:42 [マイリンク追加] [お気に入り追加]人気度[331]/累計[936] [修正] 
[HTML5] [CSS3] [ホームページの作り方] [CSS] [Webデザイン]
HTML5をマスターするためにいちから学ぶ!!HTML5について、誰でもいちからマスターできるように、ともに学んでいく内容になっています。
ドリル式ホームページの作り方 
更新:2009/05/20(Wed) 14:18 [マイリンク追加] [お気に入り追加]人気度[206]/累計[504] [修正] 
[ホームページ作成] [ホームページ作成講座] [CSS] [ホームページの作り方] [Webデザイン]
ホームページの作り方をサンプルを用いて段階的に解説しています初心者さんでもサイト作成から公開まで、負担なく学べるように基礎から段階的にホームページの作り方を解説しています。 すぐに実力がつきやすい実践形式を取り入れていますHTMLの基礎から画像表示によりサイトを装飾CSSを使った装飾、画像ビュアーの作成〜floatやpositionやtableを使ったレイアウト
only one mouse
更新:2017/05/16(Tue) 07:27 [マイリンク追加] [お気に入り追加]人気度[170]/累計[392] [修正] 
[Webデザイン] [壁紙素材] [ボタン素材] [バナー素材] [アニメーション素材]
可愛く、シンプルなフリー素材を配布しています。ぜひお立ちよりください♪(最終更新:5/13 歯カベガミ一点UP。)
あさっての世界
更新:2009/07/19(Sun) 12:36 [マイリンク追加] [お気に入り追加]人気度[204]/累計[425] [修正] 
[CSS] [無料テンプレート] [Webデザイン]
カスタマイズ自由のシンプルなHPテンプレート無料配布サイトです。色見本、フォント一覧、ボーダー要素指定、スクロールバーの装飾、カーソルの変更、marginの相殺などHTMLやCSSの小技も紹介しています。
ホームページの基礎知識 
更新:2009/05/21(Thu) 15:56 [マイリンク追加] [お気に入り追加]人気度[217]/累計[478] [修正] 
[ホームページ作成] [ホームページ作成初心者] [ホームページの作り方] [Webデザイン] [PHP・CGI・xoops]
ホームページの作り方を初心者の方にも分かりやすくマジメに解説します。HTMLや画像、CSM、Flashなどの基礎知識(ソフトウェア ドメイン サーバ HTMLとCSS XHTML CGIとPHP 基本型 画像 著作権 )テクニック(アクセシビリティ RSS 検索エンジン 携帯サイト 携帯サイトの検索エンジン CMS Flash ショッピングサイト ブログ 掲示板 チャット SNS)用語集などがあります
Easy Study HTML 
更新:2011/11/30(Wed) 11:10 [マイリンク追加] [お気に入り追加]人気度[329]/累計[616] [修正] 
[ホームページ作成] [ホームページ作成講座] [CSS] [ホームページの作り方] [Webデザイン] [JavaScript]
超初心者でも簡単にできるホームページ作成講座!タグの基礎からアップロードまで順をおって解説。その他豆知識も充実。HTMLタグの基礎はもちろんサーバーにアップロードするまで順に解説し、またスタイルシート(CSS)によるレイアウトやjavascriptによる動的なサイト作成、またホームページを作成する上で知っておきたい「文字化け対策、SEO対策、カラーコードも解説
eWeb HTMLタグリファレンス/Tips
更新:2012/03/23(Fri) 00:31 [マイリンク追加] [お気に入り追加]人気度[378]/累計[679] [修正] 
[ホームページ作成] [CSS] [無料テンプレート] [Webデザイン] [JavaScript]
「制作」「デザイン」「運営」の3つの方向から支援しているサイト。HTMLリファレンス、スタイルシート、JavaScript、PHP/データベース、WEBデザイン、デザインテクニック、素材集/テンプレート、ウェブ配色の見本、ユーザビリティ、ウェブの開設と運営法、アクセスアップの技
ウェブデザインのプロのテクニックを非常に簡潔に分かりやすくまとめた「Web Design in 4 minutes」 (コリス)
更新:2016/08/21(Sun) 18:34 [マイリンク追加] [お気に入り追加]人気度[7]/累計[7] [修正] 
[Webデザイン]
Webページやブログ、プロダクトページ、ポートフォリオなど、ちょっとした工夫でプロがつくったかのようにかっこよく、魅力的に見せるテクニックを4分で学べるコンテンツを紹介します。デザインの目的は、コンテンツを見せることです。企業のサイトでも個人のブログでもそれは同様で、あとから思いつきで追加するものではありません。まずは、コンテンツをしっかり用意しましょう。
デキるデザイナーはみんな使ってる!背景にすぐ使えるすごいデザインテクニックのまとめ (コリス)
更新:2016/08/21(Sun) 17:47 [マイリンク追加] [お気に入り追加]人気度[7]/累計[7] [修正] 
[Webデザイン]
画像や文字などを配置する時、背景をどのようにするかでデザインは劇的に変わります。Webや紙のデザインに効果があり、すぐに使える背景のすごいデザインテクニックを紹介します。
より良いデザインにするために大切にしたいと思っていること( クックパッド開発者ブログ
更新:2016/07/10(Sun) 09:58 [マイリンク追加] [お気に入り追加]人気度[10]/累計[10] [修正] 
[Webデザイン]
みなさんは、既存の機能を別のプラットフォームに追加する際に、あまり考えずにそのまま追加してしまい、後で後悔したことはないでしょうか?今回は、web版にある機能「料理の基本」をクックパッドアプリへ追加した時のことを交えて、より良いデザインにするために大切にしたいと思っていることをご紹介します。
ウェブデザイナーが見直しておきたい、2016年のウェブデザイントレンド10個まとめ (PhotoshopVIP)
更新:2016/06/01(Wed) 13:49 [マイリンク追加] [お気に入り追加]人気度[59]/累計[59] [修正] 
[Webデザイン]
今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。
ウェブ制作者がチェックしておきたい!デザイン要素の定義や見せ方が勉強になる最近のスタイルガイドのまとめ (コリス)
更新:2016/05/26(Thu) 14:55 [マイリンク追加] [お気に入り追加]人気度[30]/累計[30] [修正] 
[Webデザイン]
Webサイトを制作している時、そして納品する時、サイトのデザインで定義されているカラー・タイポグラフィ・エレメントなどのスタイルを一覧できるようにまとめたスタイルガイドを紹介します。Photoshop, Illustrator, Sketchなどのアプリを使ったり、オンラインツールを使ったものなどいろいろあり、中身だけでなくその見せ方の参考にもなると思います。
フラットデザインの長所と短所、そして今後のあり方について (PhotoshopVIP)
更新:2016/04/03(Sun) 14:43 [マイリンク追加] [お気に入り追加]人気度[15]/累計[15] [修正] 
[Webデザイン]
フラットデザインが出現して数年経過し、今後も根強く利用されることを考えると、絶えず移り変わる他のトレンドとは異なるようです。今回は、フラットデザインの長所と短所、そして今後どのように変化していくか見ていきましょう。
レスポンシブ対応、グーグルマップの中心にピンを表示するテクニック (コリス)
更新:2016/03/11(Fri) 11:53 [マイリンク追加] [お気に入り追加]人気度[12]/累計[12] [修正] 
[Webデザイン]
Googleマップをレスポンシブ対応にするのは、簡単です。embedのコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断されてしまいます。Googleマップの中心にピンを表示し、且つレスポンシブ対応にするテクニックを紹介します。
レスポンシブデザインにすぐ使える!すごいアイデア30個 (コリス)
更新:2016/03/08(Tue) 12:45 [マイリンク追加] [お気に入り追加]人気度[54]/累計[54] [修正] 
[Webデザイン]
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。
ウェブデザインに必要な知識が一通り学べるベスト記事8選 (コムテブログ)
更新:2016/03/08(Tue) 12:42 [マイリンク追加] [お気に入り追加]人気度[37]/累計[37] [修正] 
[Webデザイン]
Web制作に必要な知識が一通り学べるベスト記事9選をまとめましたが、今回はWebデザイン版をコムテブログの中から厳選してピックアップしました。総集編的な感じです。Webデザインに必要な基本知識をサラッと知りたいときに。
レスポンシブウェブデザインの基本!参考にしたい30個のポイントと実例サンプル (PhotoshopVIP)
更新:2016/03/02(Wed) 13:12 [マイリンク追加] [お気に入り追加]人気度[18]/累計[18] [修正] 
[Webデザイン]
スマートフォンやパソコン、マウスやタッチスクリーン操作などあらゆる状況でも、ウェブサイトの見た目と機能面が適切であることが重要です。これがレスポンシブWebデザインと呼ばれ、Googleのガイドラインによると、単一URLとすることで Googlebot がサイトをクロールしやすくなります。統一感を保つことが、同じ見た目や機能性よりも、デザインの鍵となるでしょう。今回は、マルチスクリーンに対応した、参考にしたい実例ウェブサイト30個を、各スクリーンサイズ毎に比較、まとめています。
ウェブデザインでよく使う要素やカラーやタイポグラフィに一手間加えて、マンネリ化から抜け出すデザインテクニックを解説 (コリス)
更新:2016/03/01(Tue) 17:16 [マイリンク追加] [お気に入り追加]人気度[35]/累計[35] [修正] 
[Webデザイン]
Webデザインで今、注目されているトレンドはデザイン的にも面白く、かなり使いやすいです。最新のデザインやトレンドな機能をサイトに加えて、いつもの同じようなデザインから抜け出すために使ってみるのもよいでしょう。ここで紹介するトレンドは、よく使用している要素やカラーやタイポグラフィに一手間加えるだけで、新鮮なデザインに変わります。
最近のウェブサイトで使われている、レスポンシブ対応のページレイアウトに役立つスクリプトのまとめ (コリス)
更新:2016/02/26(Fri) 12:17 [マイリンク追加] [お気に入り追加]人気度[59]/累計[59] [修正] 
[Webデザイン]
レスポンシブ対応のカード型レイアウト、中央で分割されたレイアウト、動画や画像や幾何学模様を背景に配置したり、画像やコンテナのサイズをデバイスごとに最適化したりなど、ページのレイアウトに役立つスクリプトを紹介します。
ウェブにも紙にも使える、囲み枠デザインの基本テクニック (Webクリエイターボックス)
更新:2016/02/01(Mon) 14:44 [マイリンク追加] [お気に入り追加]人気度[13]/累計[13] [修正] 
[Webデザイン]
テキストを四角で囲ったシンプルな枠。もちろんWebだけでなく、印刷物でも多く使われていますよね。今回は、デザインをする上では欠かせないと言っても過言ではないこの囲み枠にフォーカスしてみようと思います。新米デザイナーさんや、デザイナーじゃないけど資料作成をする機会の多い営業さんの参考になれば幸いです!
ウェブデザイン:2016年に流行しそうなトレンド11選 (スターフィールド)
更新:2016/01/17(Sun) 18:36 [マイリンク追加] [お気に入り追加]人気度[10]/累計[10] [修正] 
[Webデザイン]
【Webデザイント】2016年に流行しそうなレンド11選縦スクロールとそのパターン、もっと、カード型デザイン、ヒーロービデオヘッダー、微細なアニメーション、インタラクションデザイン、更に美しいタイポグラフィ、イラストとスケッチ、大胆で明るい色調 (80’sな雰囲気)、ハンバーガーメニューと図解、リアルと空想の融合、スライダー
ウェブデザインの勉強にいい!レイアウトやUIエレメントやカラーの使い方の参考になるStyle Guideのまとめ (コリス)
更新:2016/01/15(Fri) 17:19 [マイリンク追加] [お気に入り追加]人気度[64]/累計[64] [修正] 
[Webデザイン]
レイアウトの基本構成・展開例、UIエレメントのバリエーション、カラーの使い方など、Webページのデザインの定義がまとめられたスタイルガイドを紹介します。各リンク先では、スタイルガイドの大きいものやアニメーションなどを見ることができます。
ウェブデザイン学習者必見!絶対に押さえておきたいウェブデザイン超良記事・良サイト10選 (ハロルド)
更新:2016/01/12(Tue) 12:59 [マイリンク追加] [お気に入り追加]人気度[134]/累計[134] [修正] 
[Webデザイン]
HTMLとCSSはプログラミング言語ではないので比較的簡単に学習することができます。さらに学習サービスやツールを活用すれば、最短でHTML5/CSS3を学ぶことができます。そこでここではHTML5/CSS3を最短&無料で学べるサービスやツールを紹介します。
読むだけでウェブデザインを独学できる!今年中に絶対押さえておくべき10サイト (スマホルームチャンネル)
更新:2016/01/09(Sat) 21:11 [マイリンク追加] [お気に入り追加]人気度[26]/累計[26] [修正] 
[Webデザイン]
WEBデザインを独学するにあたって、すぐに情報が変わってしまうWEB業界では書籍での勉強に限界があります。そのため、WEBサイトから情報を得ながら勉強できるようにしておくことが重要です。無料でWEBデザインを学ぶことができるサイトをまとめて紹介します。
6つの簡単なステップで改善するアイコンデザイン (POSTD)
更新:2016/01/08(Fri) 11:58 [マイリンク追加] [お気に入り追加]人気度[47]/累計[47] [修正] 
[Webデザイン] [素材作成]
デザインガイドラインを「アイコンデザインを改善するための6つの簡単なステップ」としてまとめてみました。これらのステップは適切なアイコンデザインの基礎を示していますが、独断的なルール集ではなくガイドとお考えください。
デザインで確実に覚えておきたい、20の基本原則まとめました (PhotoshopVIP)
更新:2015/12/23(Wed) 15:05 [マイリンク追加] [お気に入り追加]人気度[68]/累計[68] [修正] 
[Webデザイン] [HTML5ゲーム]
この記事では、デザインをするときに覚えておきたい、20個の基本原則をまとめてご紹介します。ライン、縮尺、スケール、配色、カラー、反復、ネガティブ・スペース、左右対称、透明度、テクスチャ、バランス、階層
ウェブデザインの基本が身につく!ページのグリッド・レイアウト・要素配置の効果的な使い方のまとめ (コリス)
更新:2015/12/01(Tue) 13:03 [マイリンク追加] [お気に入り追加]人気度[98]/累計[98] [修正] 
[Webデザイン]
最近のWebサイトで見かけるさまざまなレイアウト、レスポンシブ対応のレイアウトの構成、縦長ページ・横長ページでグリッドの効果的な使い方、ランディングページの要素の配置など、デザインの勉強になるインフォグラフィック・リソースを紹介します。
スポンサーリンク

1 - 30( 161 件中 ) [ / 1 2 3 4 5 6 / 次ページ→ ]








- Yomi-Search Ver4.21 -