ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。
ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。
ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね?」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly:Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン
WordPress案件、前からいろいろ請けさせてもらっているんですが だんだん「簡単にー」っていう範囲から外れてきていて どんどん予算もかさばっている現状があります。私なりの把握していることを書いてみます。 WordPressが広まりだした頃から、アタックを受けやすくなっているWordPress。 WordPressが動いて安くて便利なロリポップでのアクセス制限のハードルが高いです。 一時期特にロリポップがやっていた「簡単インストール」でやっていたロリポップ加工版のやつに穴があった(?)か何かで、ファイルアップロードしているものにも影響が出てくるように。 ログインのアドレスを変えてみたり、サーバーに関係なくアタックへの対処法っていろいろあったんですが、どんどん.htaccess制限されちゃって。 個別IPアドレスを通す設定にしてるものだから、「IPアドレスって何?」って人にはすごいハードル
googleからNexus7が格安で販売されていたり、microsoftからsurfaceが日本でも発売になったり、 ますますタブレットでのウェブビューイングが広まっていくのは必至でしょう。 そんななか、検索エンジンでもあるgoogleが推奨しているのはレスポンシブ表示。 今回は、そんなレスポンシブなサイトを作る際のブレークポイントをキーにして 実際どんなものが作られているかを交えて考えていきたいとおもいます。 ざっくり言うと、どのサイズでどの表示をするかというのをピクセル幅で切り替えていくポイントのことです。 320, 480, 600, 768, 1024 あたりで区切ります。 googleのドキュメントにもあるように @media only screen and (max-width: 640px) {...} のようなカタチでCSSを切り分けていきます。 1024と320のみのPC
ここ最近、お客様からご要望をお伺いしているときも ウェブの制作を教えて欲しいと言われる時も よく出てくるのが 「どのサイトに本当のことが載っているのかわからない」 「(検索結果のブログで)ソースの一部だけが載っていて、実際の動かし方がわからない」 といった内容。 お客様もウェブを発注するために勉強しようとしている方が多く見受けられるのですが 勉強の仕方がわからない。検索しても、「ひとりごと」のようなブログが上位に来ていて これが「正しい」と認識する方、「よくわからない」と投げてしまう方がいるようです。 これは、ウェブで情報を発信していく側として、 考えなくてはいけないレベルに来ているように 思いましたので、具体的な例を上げながら 一旦は問題提起となればいいなぁと思っています。 専門用語だらけのセミナー、専門用語を知っている前提のブログサイト ウェブ制作側の人なら知っていて当たり前だとお考え
photoshopでドットのラインを描く方法をまとめてみます。 さいごに、配布ブラシもあります。 Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると きれいなドットラインが描けるのですが photoshopではそういった機能がないんですね。 ドットラインを描くにはどうしたらいいのか探してみたら、みなさん色々な方法で やってましたので、その方法をご紹介。 ブラシを使う(1)- 間隔設定を使う ブラシ設定の「間隔」という設定を100%以上にすると破線になります。 %設定は、割り切れる数字とか、キレイな数字のほうがうまくいく気がします。 参考:http://www.dougamanual.com/blog/247/1430/e6849.html ブラシを使う(2)- 登録されたブラシ 小さい四角形をつくって、その中に一つの「-」を描き、「ブラシを定義」し 上記と同様
デザインのアクセントになりそうな手書きフォントを集めてみました。 無料DL可能となっておりますが、 ライセンスなどは各フォントの詳細を御覧ください。 手書きフォント アームド・レモン 漢字もOKな無料手書きフォントの中ではバランスがよいフォントだと思います。 Sweetly Broken Halo Handletter Dear Joe 5 Casual Jellyka CuttyCupcakes Jellyka - le Grand Saut Celine Dion Handwriting 手書きフォントは、こんなふうに使うとかわいいです。 today is ひとこと日記アプリのtoday is にて、アクセントに使われています。 viera RB3シリーズが導く私らしいリラックスタイム タイトルを手書き風に。 リラックス感が表現されています。 ベーシックなフォントで見慣れたあとは ゆる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く