フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
【配色・色見本 Webサイト紹介】 - 10個のweb配色ツール【色の見本】
ポスターやWebサイトのデザインをする際の配色は奥が深く、デザイナーであっても毎回悩む問題の1つ。 ただ、デザインにおいて配色の役割は大きく、たった1つの色でそのサイトやモノの印象がガラっとかわることはよくあります。 ベースカラーやアクセントカラーの組み合わせが決定しても、その色で本当に正しいのかどうか不安になることもあるかと思います。 今回ご紹介するのは、そんな悩みを一発で解決する、配色を決定する際に役立つ便利なWebツールです。デザイナーの方はもちろん、ディレクター、エンジニアの方でも、覚えておくと使えるものばかりなのでぜひ利用してみてください。 Web配色ツールのご紹介 それでは、Web配色ツールを10個ほどご紹介します。求める色がすぐに見つかったり、色を組み合わせる時の見本となるサイトばかりなのでぜひ訪れてみてください。 HUE/360 HUE/360は、1つのキーカラーと調和する
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
スマホサイト WEBデザイン集 AGT smartphone design gallery
スマホ向けWEBサイトデザイン集 AGT smartphone design galleryは、クオリティの高い、スマートフォン対応Webサイトを集めたギャラリーサイトです。
商用利用ＯＫ＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング
商用利用OK＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング 申し訳ございません現在メンテナンス中です。 またのちほどごアクセスください。
ボクシングファン.net - ボクシング情報サイト
たくさんのメールとメッセージ、ありがとうございました。数が多すぎて、処理能力を超えてしまったので、今年はホームページで感謝の気持ちを伝えさせていただきます。2007年にしれっとスタートした「世界で最も地味なボクシング情報サイト」。8年目を迎えることができました。すべては、管理人を支えてくださった、ボクシングを愛するファンタスティックな皆様のおかげです。 「どうしてボクシングのホームページを作ろうと思ったの？」 7年間で最も多くいただいた質問です。今でもよく質問されます。動機はシンプルで「友だちをたくさん増やしたかったから」です。すでにお会いしたことがある皆さんは、あっさりとイメージしていただけると思いますが、管理人はとても地味な人間です。大阪人ですが、おもしろいことはひとつも言えません。大阪を離れ、アメリカで暮らしても、世界のどこで暮らしても、やっぱり地味です。 全文を読む
Photoshopの作業効率をアップする便利すぎるエクステンションのまとめ
最後の一つだけ有料ですが、あとは全部無料の便利すぎるPhotoshopのエクステンションを紹介します。 ガイドや角丸の作成もレイヤー管理・パーツ管理も今まで以上に楽になるはず！ ガイド引きの効率アップ -GuideGuide 角丸の作成も修正も簡単にできる -Corner Editor PhotoshopのレイヤースタイルをCSS3にする -CSS3Ps レイヤー周りの機能を強化する -12 Pro Photoshop Time Savers 複数の画像で雑誌風のレイアウトを作成 -Tych Panel よく使うパーツを格納できる -Pixel Dropr ガイド引きの効率アップ -GuideGuide レイアウト用のグリッドを設計したり、エレメントの中心をだしたり、余白を確保するのに便利なエクステンション。 GuideGuide（無料） 対応バージョン Photoshop 2.0.3(f
WANDERLUST EQUIPMENT | 軽量シンプルなアウトドアギアと旅の道具 - オンラインストア
“単独主義”の名を冠したこの軽量バックパックは、自らの意志と責任で行動する独立心を持ったハイカーのための軽量・シンプルなバックパックです。重量わずか310gながら45Lという容量は、現代のウルトラライト装備を前提とするならば、無雪期のテント泊縦走に必要な”衣食住”を背負うのに必要十分なサイズと言えるでしょう。
プロのデザイナーがこだわるべき細部の仕上げ - やっぱりWebが好き - Writing Mode
原点回帰ということで、たまにはビジュアルデザインのことでも書いてみます。 僕が思うに、プロとアマのデザイン力の決定的な違いは細部の詰めだと感じるわけです。 もちろん、ごく基本的なレイアウトだったり、配色だったりといったデザイン力の向上が何より大事だし、そこさえクリアすれば、ユーザーに対して最低限のおもてなしはできると言っていいです。 ただし、他のモノとは何かが違うより優れたデザインを作り上げるためには、普通のユーザーは気にも止めないようなほんの些細なところに対する気遣いが必要になってきます。 まさに「神は細部に宿る」というやつです。細部を突き詰め出すとキリがなかったりしますが、ここに気づけるかどうかが一流のデザイナーとそうでない人の別れ目のひとつなんじゃないでしょうか。 見た目で揃える
Icons DB - free custom icons
You can get all 4216 icons in any color you want ! Choose your color or select from the preset colors ! 36 free themed icon sets, every icon set with all 4216 iconsWeb 2 deep pink icon setWeb 2 blue icon setGrey wall icon set ... see all 36 icon sets Just added iconsbull 2tinderbottle 9pig 10cherry 2joker 2confettistopwatch 2light bulb 7fork 3pacifier 2rose flammablecrown 6strawberry 2chicken 2ice
国際芸術祭「あいち2025」
ニュース 2024年12月13日お知らせ ラーニング・プログラム「ラーニング・ラーニング」参加者募集のお知らせ 2024年11月22日募集 国際芸術祭「あいち2025」における「学校向け団体鑑賞プログラム」の申し込みについて 2024年10月18日イベント 国際芸術祭「あいち2025」トークイベント（2024年9月15日開催）アーカイブ映像を公開しました 2024年10月17日イベント 大規模カルチャーイベント「SOCIAL TOWER MARKET」にて「あいち2025」エリアが登場します！ ニュース一覧
Akimama
道具 【開発者インタビュー】道具やウェアなど女性は圧倒的に製品が少ない。だから専用モデ… アウトドアの道具やウェアは 圧倒的に女性モデルが少ない 登山や自転車、シーカヤックといった夏のアクティビティにしても、冬のスキー・スノーボードなどにしても、女性はどうしてもアウトドアではマイ... 2020.04.20 Mon 道具 どれを買えばいいの？ 縦走・雪壁・バックカントリー、用途別にオススメのピッケルを… 最近、山友からピッケルの相談を受けることが多くなってきた。長さのはやり廃りや、用途が細分化されるのに合わせ、ピッケル自体も多様な種類が販売されており、いざ購入しようとするとなにを買っていいのかが分か... 2019.02.11 Mon カルチャー 【新連載】スキーとカメラを抱えたふたり旅 ・地球を滑る旅 No.0プロローグ編「… 登場人物 2014年、オカイムデンスキー場（モロッコ）にて。
神戸市西区のフィギュアショップ＆美容室
■ 店舗住所 651-2113 兵庫県神戸市西区伊川谷町有瀬820-1 コーポ大末101号 ■ 電話番号 / MAIL ・078-201-3049 ・info@skynewtypeshop.com ■ 営業時間 ・10：00～17：00 ■ 定休日 ・毎週月曜日・祝日 ■ 許認可 ・兵庫県公安委員会 古物商許可 ・第 631192400008 号 ■ 定休日カレンダー
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
CSSでボタンを手軽に作るなら「CSS Button Generator」が便利 | ライフハッカー・ジャパン
画像を使わずCSSだけでボタンを表現するのが最近の流行りですね。影やグラデーションなども設定できるので便利です。CSSを自分で書くのは面倒という方は「CSS Button Generator」を使うとはかどりますよ。 以下に使ってみた様子を載せておきます。まずCSS Button Generatorへアクセスしましょう。 プレビューは最上部に表示されますよ。まずカラーセットを選んで、グラデーションを調整しましょう。その後横幅や縦幅などのサイズ調整、影をカスタマイズしたりしてお好みのボタンを作りましょう。最下部にCSSのコードが表示されるのであとはコピペして完了ですね。CSSでボタンを作りたいときはぜひ活用してみましょう。 CSS Button Generator （カメきち）
WEBデザインに質感を与えてくれるシンプルなフリーパターン素材15「15+ Free Patterns for your Designs」
背景やエリアなどに敷くパターン素材。無機質なWEBデザインに質感やクオリティをプラスしてくれる非常に便利な素材です。今日紹介するのはシンプルなフリーパターン素材を集めたエントリー「15+ Free Patterns for your Designs」です。 Subtle Light Tile Pattern Vol5 様々な素材のパターンがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Wood Pattern Background シンプルめな木目のパターンがセットになったパターン素材。 Subtle Grunge シンプルなシロ系のグランジ素材。ちょっとだけ質感を持たせたいときにおすすめです。 Lined paper ノートの罫線を表現できるパターン素材。コンテンツエリアに利用しても面白いかもしれません。 上記の他にも様
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ushigyunet｜iPhoneからゲームやグルメまで、ひたすら詳しくレビューするブログ
情報ウィンドウ｜Google Maps JavaScript API v3｜Ajax｜PHP & JavaScript Room
旅行情報サイト｜格安航空券・ツアー検索・比較【トラベルコちゃん】
