![デザイナーがロゴマークを作る時・使う時に知っておくべき「ロゴマニュアル」 | Swings](https://cdn-ak-scissors.b.st-hatena.com/image/square/75b38b06fe87a0a23993410549f4eeaa44de6deb/height=288;version=1;width=512/https%3A%2F%2Fbulan.co%2Fswings%2Fwp-content%2Fuploads%2F2015%2F12%2Flogomanual_12.jpg)
仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。 デモ なんかお問い合わせフォーム的なものを用意しました。 まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。
MEMOPATCHをご覧になっている方のほとんどがWebデザインやUIデザインに関わっている方だと思います。そして多くのデザイナーが頭を悩まされるのが配色ではないでしょうか?。そこで今回は配色の参考やインスピレーションを得られるツールを6つご紹介します! COLRD http://colrd.com/ 大まかな色から、その色が使われている写真やカラーパレット、グラデーション、パターンを探す事ができるサイトです。カラーパレット、グラデーション、パターンにはそれぞれに使える便利な機能があるのでご紹介します。 ・カラーパレット 検索して出てきたカラーパレットは編集可能で、Photoshop用にカラーパレットをダウンロードできる(.acoファイル) ・グラデーション 検索して出てきたグラデーションはcssのコードを生成することができる ・パターン パターンはそのまま使えるパターン素材(繰り返し可能
以前グラフィックパターンの柄やテキスタイルの名前まとめと言う記事を書いたのですが、それのパターンを実際に作りました。自作パターンを持ってない人はベースに是非★ 今回作ったのはPhotoshopのパターンファイル。拡張子は.patで、Photoshopのプリセットのpatternフォルダには初期設定のものが入っています。この辺は過去記事[Photoshop]ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう!で一通り説明しています。使い方が分からない人はそちらを参照してくださいね。 グラフィックパターンの名前を調べましたけど 以前書いた[デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめという記事で、色んなグラフィックパターンや柄の名前を調べてみました。服飾やインテリア壁紙、ファブリック等に使われるこれらのパターンですが、webサイトに応用することでクールだったり、かわいらしい
ウェブページの背景などにぴったりな、ピクセルベースのちょっと変わった柄が揃ったパターン素材を紹介します。
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか?」「どのレイアウトならコンバージョンが上がるのか?」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の2大原理と、今すぐに使える6つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の2大原理と6つの配色パターン画像を拡大して表示する ※追記:インフォグラフィックの最後のクレジットの部分が途切
素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、ライセンスページをご覧ください。 Terms of Use
初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し(リピート)使用しても繰り返し部分が目立たなくなるようになっています。個人利用可、商用利用可なので、もしよろしければWebサイトの背景やバナーの背景を作るときに自由に使ってみてください。 テクスチャ一覧 Photoshopでテクスチャを使ってみよう 1:パターンを登録しましょう。 パターンに登録したいテクスチャ画像をPhotoshopで開きます。 「編集」 > 「パターンを定義」からパターンを登録します。 2:背景画像を作ってみましょう。 新
名前って大事 パターンファイルってwebで沢山いいのを見かけますよね。商用可のものも割と多いのでお世話になってる人も多いと思います。webcre8は形にこだわるので整理するときちゃんとしたファイル名をつけて保存したかったりするんですが、 これって単にストライプでいいのかな…? ポルカドットってつまり、どこからどこまでがポルカドットなんだ…? プレイドとチェックって何が違うの…? ということを考えだすともう止まれないんですよねw というわけで今回はデザインの柄や模様の例、ネクタイやシャツのサイトの用語集やファブリックの柄やテキスタイル、果ては迷彩のパターンの例等、およそパターンファイルで使われそうな模様の写真やデザイン例、名称や由来を集めたページをまとめてみました。各サイトの画像はスクショだったりわかりやすいところを切り抜いたりです★ ファッション、用語全般 アパレル、ファッション全般の用語
Home パターンやテクスチャ Photoshopのパターンファイル( .pat) 背景などの面を1つのユニットを繰り返して塗ることをパターン塗りといいます。Photoshop ではこのユニットを pat ファイルとして書き出して、保存や交換をすることができます。 ここでは、Photoshop のパターン塗りに使われる「パターン」を .pat ファイルで無料配布しているサイトや、新しく公開されたフリー(無料)のパターンを紹介しています。 おしゃれでポップな花柄の背景素材、保存版フリーのPhotoshop用パターン おしゃれでポップな37点、継ぎ目が見えないシームレスの花柄背景・フリー素材を紹介します。 商業デザインに求められる清潔さや清廉さ、エレガントな印象をデザインした美しい花模様です。華やかな印象をつくるカジュアルな花柄模様は、ホームページやカタログ制作などの背景として使いやすいP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く