『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 困ったときのThemeForest情報です。プログラマかデザインの苦手なフロントエンドデベロッパ向け。前置き長めです。 プログラマを悩ませる管理画面 昨今のWebサイトではPHPなどのサーバサイドスクリプトとデータベースを組み合せることが多いのですが、その際管理画面というものを作ることがあります。 よくあるパターンとしては、CMSや業務管理アプリみたいなものを管理画面として作り、そこで作成/入力したデータを一般客向けのWebサイトとして表示するというパターンです。 問題1: 管理画面はデザイン予算がかけられない で、この管理画面なのですが、「デザインについて予算が割かれることがほとんどないわりに細かい注文がゴチャゴチャくる」ことが多いです。中の人はしょっちゅう触っていると何
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
この記事ではユニークなナビゲーションバーを用いた15のWebサイトを紹介していきます。 ナビゲーションバーはWebサイトの最も重要な要素の一つです。 「今自分が何を見ているのか?」「どのコンテンツに今のページからアクセスすることができる のか?」といったことがすぐに理解できる、適切にデザインされたナビゲーションバーがなけれ ば、思い通りにコンテンツを見ることはできません。 私たちは上または左右にナビゲーションバーがあるということに慣れてしまっています。 この手法はWebサイトが作られ始めたころからあったものです! しかし、ここ最近状況は変わってきています。 デザイナーたちはそのような常識を覆すような解決策に挑戦し始めました。 これらの例として、下部ナビゲーションバーの実装はWebサイトをより便利にしましたが、キー ボードを用いたWebサイト内の移動の実装は失敗に終わって
小中学生時代、夏休みの宿題絵と作文を書くこと以外のほとんどを放置し、8月31日に泣きながらやる・・・ということを繰り返していた。やりたいことは集中しやりたくないことは徹底放置。しかもコミュニケーション苦手。そんな残念っぷりを如何なく発揮し成長したため、当然、大人になった今でも進行管理は苦手だ。「自分の管理さえままならないのに、他人も含めたプロジェクト管理なんて恐ろしすぎる。」そう思っていたけど、どういうわけか社会人になったら進行管理のお仕事もする必要にせまられ、無我夢中でこなし、現在に至った。 現職で進行管理ベテランの先輩に「進行管理苦手だ」と話したら、「え、あなたって進行管理苦手だったの?そうは見えなかった」といわれてびっくり。一応webディレクターのレベルには達したのかもしれない。その礎を築いてくれたのは、前職制作会社で私の教育役だった敏腕ディレクター、Yさんの功績だ。私の進行管理は今
検証1 http://dribbble.com/shots/1059591-Home-Automation-Flat-App-Design まずはこちらを検証してみました。 色のバランスを見てみるとペンタードと呼ばれるバランスに近いような気がします。色数が増える場合には、このようなバランスを保って配色を心がけるといいでしょう。(フラットデザインに限らず) ※ペンタード配色とは? 色相環を5等分した色相同士の配色のこと 背景がブラックということもあってか、彩度は押さえ気味な印象でトーンも高くありません。こう、見た感じパンチのある色はほとんどありませんよね。落ち着いた印象です。 そうすることによって背景色とのバランスも取れるように考えてあります。 検証2 http://dribbble.com/shots/1052090-AirportChatter-V2-Concept/attachment
Webデザイン 1-14 スマートフォン/タブレットを考慮したUIデザイン PCとスマートフォンの違いは、ブラウザの大きさだけではない。クリックとタップといった挙動をはじめ、相違点を充分に理解しておかないと、せっかくのWebサイトもスマートフォンではサーフできない可能性もあるので注意が必要だ。 制作・文/白木達也(アローグ・プランニングス) 飯塚まり子 一般的に、ある程度慣れたユーザーであればクリック=タップ、スクロール=フリックなどの、アクションとそのリアクションを予想することができる【01】。しかし、実際には端末によって微妙な違いがある。さまざまなハンドアクションがある中で、少し違いの目立つものを挙げてみよう。 【01】「Touch Gesture REFERENCE GUIDE」 米国のインタラクションデザイナー/IA であるルーク・ウロブレウスキ(Luke Wroblewski)氏
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール(写真加工・イラスト作成) テキストエディタ(HTML・CSSのコーディング) 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス (編集部注:この記事は2013年08月29日に公開された記事を再編集したものです。) ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは? ワイヤー
一年以上前にロゴが入らないフリーのFLV PLAYERという記事を書きました。FLV形式のファイルをWebサイトに埋め込んで公開するためにはフラッシュ型のプレイヤーが必要で、フラッシュ型のプレーヤーはJW Playerなどが有名です。 しかしJW Playerは動画が再生されてから少しの時間左下にうっすらとロゴマークが入り、商用サイトの場合は有料のPro版を使用しなければいけません(非営利の場合は無料で使える)。そこで使えるのが、FLV Player。FLV Playerならロゴも入らず営利目的でも無料で使用可で、おまけにいろいろカスタマイズできるので非常にナイスです。 最近またFLV Playerのサイトに行ってみたら、ジェネレータがあることに気づきました(前アクセスしたときはジェネレータがうまく動かなかったような気がする)。これを使うと簡単にプレイヤーをカスタマイズできます。今回はその
2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください! ↑私が10年以上利用している会計ソフト! 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く