【新人Webデザイナー向け】Webドリル vol.2： このバナーもっと目立たせてください！
【2位】A：オレンジ オレンジは、暖色系で高彩度なので、 興奮色、進出色として使うことができます。 △背景のベージュに対して、オレンジは同じ色みなのでなじんでしまいます。なので、この場合は2位にしました。 【3位】C：緑 背景の黄色に対して、緑は隣り合った色相なのでなじみます。 写真の植物とも近いので調和がとれています。 △きれいにまとまりますが、インパクトは弱まるかも。 デザイナーが陥りがちな色彩のワナ 目立たせたいとき、ワンパターンに、赤やオレンジをつい使ってしまう 目立たせたいのに、きれいにまとめてしまう 【目立たせルール！】反対色を試してみよう！ 暖色の背景には寒色の文字、 寒色の背景には暖色の文字を使うと引き立ちます。 それ以外の中性色の場合は隣接していない色を選んでみましょう。 【目立たせルール！】グレースケールでコントラストを確認！ ここで注意したいのは、反対色を使うだけでは
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
RedLine Magazine : Fireworks 拡張アレコレ追加メモ
Fireworks 拡張アレコレ追加メモ Fireworks用にいろんなサイトで配布されているスタイルやパターンなどなど、いろんな素敵なものを追加するためのメモです。自分で作ったものを登録しておく方法の説明は今回は省略してます。 各素材等はmxp形式で配布されているものも多いので、その場合はExtension Managerでインストールしてください。下記はそうでない場合についてのお話です。 また、私の使用しているバージョンはCS4(Win用)なので、それに基づいてのメモとなります。バージョンやOS違いの場合は自分の環境に置き換えて確認してください。 スタイルを追加する スタイルパネルのオプションメニューで「スタイルライブラリを読み込み」を選択、スタイルライブラリの名前と場所を選択します。 「スタイルを読み込む」と「スタイルライブラリを読み込み」の違いは、前者の場合は現在のドキュメントに対
らばQ:知っておきたい写真が劇的に上手になる25のテクニック
知っておきたい写真が劇的に上手になる25のテクニック デジタルカメラのおかげで気軽に何枚でも撮影できるようになり、素人でも写真を撮る機会や人に見せる機会が増えました。 ちょっとしたコツ、ちょっとした心がけひとつで、写真が劇的に良くなるならば試してみたいものですよね。 そんな劇的に写真が上手になる、25のテクニックをご紹介します。 1. 太陽の撮影は望遠レンズを使う。 悪い例 良い例 2. 人物写真は望遠レンズを使うか、ズームレンズの望遠側を使おう。悪い例 良い例 3. 旅行写真にはアクションを入れる。 悪い例 良い例 4. 夜景は日が沈んでから20分後に撮影する。 悪い例 良い例 5. 葉の撮影は色の種類を抑え、メインの被写体をハイライトする。 悪い例 良い例 6. 人を水平に撮るときは足を中心にするのを避ける。 悪い例 良い例 7. 生物のマクロ撮影は植物のレベルまでに近づく。 悪い例
お探しのページを表示できません
福祉保健局は、令和5年7月1日から福祉局と保健医療局に再編し、URLを変更しました。下の各局バナーからトップページに進み、分野別取組・キーワード等で検索をお願いします。 ブックマーク、お気に入り等に登録いただいている場合は、お手数ですが、再登録をお願いします。 The Bureau of Social Welfare and Public Health was reorganized into the Bureau of Social Welfare and the Bureau of Public Health on July 1, 2023, and the URL was changed. Please proceed to the top page from the banners of each bureau below and search by area-specific i
【Fireworks 】地味に便利なリッチシンボルと共有ライブラリ | バシャログ。
サイトのプロトタイプをデザインするときに、ちょくちょく登場するのがフォームまわりのパーツたちです。ラジオボタン、チェックボックス、セレクトボックス、テキストボックスなどを配置して、初期値にはこんなテキストが入ってて、だけどこっちの初期値はこうで、幅は広めに、だけどこっちは狭めに、とパターンが複数登場したりするとどんどん面倒に。 そこでリッチシンボル化ですよ。 リッチシンボルとは、簡単に言うと、プロパティを編集できるシンボル機能です。 ここではセレクトボックスを例に説明してみます。 1.まずはシンボル化 シンボル化については以前記事を書かせていただいているのでそちらも参考にしていただきつつ、セレクトボックスをシンボル化します。 Fireworks CS3 のシンボル新機能に「9 スライス」というのがあります。9 スライスガイドをこんな感じに設定します。シンボル化できたら、崩れず拡大縮小ができ
PHPプログラミング初心者入門講座
PHPのインストール、mysql、関数、スクリプト、メール送信、勉強の仕方、上達のコツなどをズバリ解説！ PHP言語が動くレンタルサーバーについていくつか取り上げてみます。 PHPで書いたプログラムを動かすには、普通はWebサーバーが必要です。 ＊PHPはコマンドプロンプトから実行できるプログラムもあります。 例えば、ローカルのパソコン内でPHPを動かすには、開発環境を整える必要があります。 当PHP入門講座では、phpdevで開発環境を一括インストールして説明してきました。 他にもXAMPP(ザンプ)などが有名なPHP開発環境です。 ローカルで動かすだけなら、phpdevやXAMPPで十分です。 でもせっかくPHPプログラミングを学び、何かWebアプリを作ったら、 「誰かに見てもらいたい」、「使ってもらいたい」というのが人情ですよねｗ インターネットの世界に向けて発信するには、 独自にW
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
[php] パスワード認証ログインシステムのサンプル
パスワードフィールドに入力された文字列を設定されたパスワードと照合し、一致していたらログイン後画面に飛ばす 簡単なログイン処理のサンプルソースです。 CookieとSession両方晒しておきます。 phpファイルを二つ用意しますが、便宜的に login.php → ログイン画面 admin.php → ログイン後画面 としています。 先頭行にパスワードを設定する定数がありますが、 ファイル数の多いスクリプトではconfig.phpなどを作ってincludeすることが多いです。 ログイン処理の流れは大体こんな感じです。 パスワードフィールドに文字列入れて送信 送信された文字列が設定されたパスワードと一致するか確認 一致していたらクッキー、またはセッションに暗号化したパスワードを保存して次のページへ遷移 一致していなかったらエラーメッセージを出す ログアウト処理について追記しました Cook
![[php] パスワード認証ログインシステムのサンプル](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Firefoxの知ってると便利な10の機能
知ってる人は当たり前の機能ですが、知らない人には便利なFirefoxの10の機能を紹介します。 ホームページに複数のページを設定できるんですね、知らなかった。
僕の楽天SPAM対策 - y-kawazの日記
楽天で年間数十万円使う程度のそこそこヘビーユーザーの僕が、楽天のメルマガ攻勢に耐えぬく為に行っている設定をご紹介します。 ネットでは楽天は結構嫌われているように思います。楽天が嫌われる最大の理由の一つは、一度でも買い物しようものなら大量に届き始めるメールマガジンという名の迷惑メールでしょう*1。 しかもこれ、わざとか知りませんが、楽天本体や楽天内の各ショップから来るメールはFromアドレスやX-何とかヘッダなどによる仕分けが出来るようには全くなっていません、しかも注文確認などの重要なメールは残したいとなると、この仕分け問題は更に困難を極めます。 そこで僕が行っている基本戦略は↓こんな感じです。 楽天専用のメアドを使う メルマガの停止はしない 必要なメールはフィルタで保護 Gmailの迷惑メールフィルタで大虐殺 ネットを見る限り、この戦略をとってる人は少ないようですが…。 解説は以下に続きま
レイアウト作りを簡単にしてくれるCSSグリッドシステム
CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね！ Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは？ CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし
デザイナーがプレッシャーに負けずにクリエイティブでいるためのTips
納期がせまっている時などに、浮かない表情でコンピュータのスクリーンをじぃーと見つめていることはありませんか？ これはグラフィックデザイナーにとって、ごく普通に起こりえることです。 そんなプレッシャーを克服して、クリエイティブでいるための5つのTipsを紹介します。 タイポグラフィは、ウェブを含めポストカードやビジネスカードやパンフレットなど、ほとんどのグラフィックデザインで機能します。クライアントからタイプフェイスの指定がないのであれば、自分から使用するタイプフェイスについて尋ねてみてください。 タイプフェイスを最終的に決めるポイントは、クライアントについて論理的に考えることです。そしてデザインの残りの箇所にそのアイデアを使ってください。 2. カラーを選ぶ シンプルでクリーンなデザインを保つためにグレースケールを最初に勧めるデザイナーはたくさんいます。カラーで困っている時、確かにそこから
WordPressを入れたらやっておきたい3つのwp-config設定。 - とりあえず9JP？
WordPressのドキュメント見てたら、（個人的に）不便だと思っていた点をフォロー出来る便利な設定等が載っていたので紹介してみる。 WordPressのコメント削除とか、記事削除、とか、Ajaxで非常に軽快に削除出来てしまうので、「ついうっかり」の保険の意味でゴミ箱機能は欲しいけど、ゴミ箱に入ってから削除に至るまでの日数がデフォルトの30日はやや長めな気がするので、wp-configで define('EMPTY_TRASH_DAYS', 2 ); 2日に設定。（「やや」じゃないね。） ちなみにこの値を0にすると、ゴミ箱機能を使用しない設定になる。 WordPressの編集履歴機能、非常に高機能で良いのだけど、デフォルトだとかなりの数を保存してくれちゃって無駄に容量が増えていく。 正直、ちょっとウザいので、制限する。 wp-configで define('WP_POST_REVISION
RedLine Magazine : Fireworks コレ、5分で作ります。その２
Fireworks コレ、5分で作ります。その２ ※このエントリはFireworks CS4を元に書いています。 前回はペンツールでパスを書いてなんやかんやしたんですが、今回はFireworksを始めたら一番最初にコレを覚えであろう長方形ツールをメインで使ってコレを５分くらいで仕上げる方法です。 デザイナさんも、デザイナさんじゃない方も、Fireworks をほとんど使った事ないわーという方にも、一度5分だけでも時間を使ってもらえたらなーという主旨も含めて書いてます。実際にやってみてもらって、「うはｗｗ Fireworks ってこんなに簡単な手順でよく見かけるこういうモノ作れたんだ」とか思ってもらえると嬉しいです。 今回の完成形 今回も前回同様、見出し画像の背景に使えそうな画像を作ります。 今回も素材集等、Fireworks の機能以外のものは使いません。 土台を用意 今回は２色のグラデー
【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
RedLine Magazine : Photoshop用ブラシをFireworksで。
Photoshop用ブラシをFireworksで。 いろんなサイトでPhotoshopの素敵なフリーのブラシ素材が配付されてて、そんな配付サイトの紹介エントリを目撃するたびに「これFireworksでそのまま使えたらいいのになぁ」なんて思います。まぁそのままブラシとしてFireworks上で使うことはできないのですが、Photoshopの素敵ブラシを使用する機会は多いのでFireworks使いの自分がどう付き合ってるのかっていうエントリです。 とりあえず前提として、Fireworks上でそのままブラシとして使うことはできない（多分）ということで、感覚的にはスタンプ画像みたいな感じで使ってます。とにもかくにも、まずはどうにかして使いたいブラシをFireworks上に移植にする事からですよね。Fireworks用にスタンプ画像的なものを用意するいくつかの方法から。 Photoshopからそのま
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
https://quarter4.info/inspiration/dtp-designed-by-web-designer.html