CONTACT アサヒ・インタナショナル 〒358-0013 埼玉県入間市 上藤沢536-5 A102 TEL: 04-2968-4532 FAX: 04-2968-4533 受付： 11:00～17:00 休業日： 土日祝 メールでのお問合せ、ご注文は--
CONTACT アサヒ・インタナショナル 〒358-0013 埼玉県入間市 上藤沢536-5 A102 TEL: 04-2968-4532 FAX: 04-2968-4533 受付： 11:00～17:00 休業日： 土日祝 メールでのお問合せ、ご注文は--
大阪 兵庫 徳島 高知 愛媛 香川 岡山 広島 山口 福岡 大分 宮崎 大阪 当時住んでいた大阪から日本一周をスタート。 400ccネイキッドバイクのリアシートにBOXを載せ、初夏の晴天の中、当時共同生活していた友人に見送られながら走りだした。 初日はまずは肩慣らしということで実家のある兵庫県まで。 兵庫 実家からスタート。フェリーで淡路島に渡り、島を縦断して、鳴門大橋で四国へ。 このあたりは日帰りツーリングで何度も走っているコースなのでまだ日本一周に出た感慨は無い。 徳島 バイクでは四国初上陸。四国一周するべく外周を南下していく。 海辺のキャンプ場でこの度初のキャンプ 砂浜にテントを張り、コンロでご飯作ったりキャンプ気分を満喫。通りかかった見知らぬおじさんと話したり、旅っぽい。 高知 キャンプ場を出て室戸岬へ。室戸岬は岩をつたって歩くとかなり海の方まで進んでいける。岩にしゃがんでぼーっと
Webサイトやプロダクトのデザインの中で「よいデザイン」とされるものは、そのデザインへといたるまでに、はっきりとした“スジ”が存在します。その“スジ”を探っていきます。 いいデザインにはスジがある “デザイン”と一口にいうと、多くの人は単純に表面的なものとしてとらえがちですが、実はデザインとはただ見た目を作る作業ではありません。 世の中に山のようにあるWebサイトやプロダクトのデザインの中で、「よいデザイン」とされるものは、そのデザインへと至るまでに、はっきりとした“スジ”が存在します。「よいデザイン」＝「スジのあるデザイン」とも言い換えられるでしょう。 今回から始まるこの連載では、そうした「スジのあるデザイン」がどのようにして生まれてくるのかを、生みの親に根掘り葉掘り聞いて迫ってみちゃおうじゃないか！ という趣旨で、さまざまなWebサービスやプロダクトを、デザイン目線でつづっていきます。
あんな背景がほしいなという方へ ここでは色々なテクスチャをご紹介いたします。中にはこんなのどうやってつかうんだよ・・・というものまでありますが、それは加工しだいでいくらでも活用できちゃいますよね。 ペーパーデザインについては過去のまとめなども参考にして見てください。 ペーパーデザインのWEBサイトを作るときに見るべきまとめ グラウンジの利用など様々なパターンのWebサイトはこちらからどうぞ。 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ １）水の模様のテクスチャ35 ２）砂漠や砂、ぬれた砂漠の模様など35枚 ３）レトログラウンジ迷路模様 ４）キュートなのかなんなのかちょっとわからないテクスチャ ５）青と白のグラウンジパターン ６）皮模様のテクスチャ ７）本皮模様テクスチャ40枚 ８）ゆるふわ毛皮パターン ９）葉っぱのテクスチャ画像 １０）布系のテクスチャ画像 １１
初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む CSSだけで簡単に角丸が作れるborder-radiusプロパティ ウェブページをデザインしていると、角を丸くしたいと思うことがあります。文章を掲載するボックスの角を丸くしたい場合や、テキスト入力枠の角を丸くしたい場合、画像の角を取って少しだけ丸く見せたい場合など、様々な状況があるでしょう。 CSSには、対象要素の角を丸くできる「border-radius」というプロパティが用意されています。このborder-radiusプロパティを使えば、本来なら四角く表示される要素の四隅を、望みの大きさ(半径)で丸くカットできます。記述
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
あらゆる場面で使えそうなFlashイメージギャラリー特集です。 HTML5が押してきていますが、個人サイトで手軽にギャラリーが開けるのがポイントですね。 スライドギャラリー Flash-Gallery.com - PhotoFlow Flash Gallery Demonstration safariとかApple製品でみられるアレ。ダウンロードすると、gallery.xmlが入ってるのでそれを開く。 設定ポイントは以下。 //画像フォルダ指定 <imagesFolder>images/</imagesFolder> //画像の角度 <imageAngle>30</imageAngle> //スクロールバーの表示 Trueとfalseで指定 <useScrollBar>true</useScrollBar> //スライドショーの指定 <slideShow>false</slideShow>
URL Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記事を読んだ後で、あなたに一つだけ覚えておいてほしいことは、URLの構造を設計するのに時間をかける、ということです。 URLデザインは簡単ではなく、正しい解決方法があると言うことはできません。しかしそれは、他のデザインと同じです。良いURLデザインがあり、良くないURLデザインがあり、そしてその中間もあります。 しかし、それは素晴らしいURLデザインを作るこ
Top 5 Web Design Mistakes Small Businesses Make [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. 役に立たないナビゲーション 2. ゴールが不明瞭 3. カラーとコントラスト 4. 分かりにくいコンテンツ 5. 情報の詰め込み過ぎ はじめに もし、あなたが中小企業のオーナーであるなら、あなたのウェブサイトはあなたの会社の中枢であり、マーケティングとブランディングにおける極めて重要なパートでもあります。 見込みのある顧客がサイトのコンテンツを目的にあなたのサイトを訪問します、それはあなたの会社がどのように見えるかを意味しており、サイトのアピアランスとユーザビリティは成功への重要なポイントとなります。 しかしながら、サイトのデザインを間違ったものにしてしまうと、あなたのビジネスに悪影響を与えてしまうことになります。ここにあ
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
カッコいい管理画面のHTMLテンプレート総まとめ。 これまで紹介したエントリや、新しく発見したエントリで紹介されているものを全てマージしてみました。 有償のものも混じってますが、カッコいい管理画面を作りたいといった際にカタログ的に使ってみてもいいかも。 独断ですが、クオリティ順に並べ替えてます。 Simpla Admin Boxie Admin Complete Liquid Admin InAdmin Admin (FREE) Adminizio Lite – Admin Template Admin Templates - Professional XHTML Back-end Template Spring Time – Simple Admin Template Internet Dreams Admin Skin Visual Admin ThePixelDeveloper Ad
チャイルドセレクタ（Child Selector）を使った、HTMLをできるだけ汚さないでグリッドレイアウトを作成できるCSSのフレームワークを紹介します。 Child Selector System [ad#ad-2] Child Selector Systemの主な特徴 超軽量サイズ（0.31KB） 使い方はとても簡単 余分なHTMLは最小限 コンテナはパーソナライズ可能（%, px, em） カラムのネストをサポート 条件付きコメントを使用すれば、IE5.5にも対応 Child Selector Systemのスタイルシート スタイルシートは超軽量で、下記のコードで全部です。 単位で使用している「%」は、「px, em」などに変更して使用することもできます。 div{float:left;width:100%} .right>div{float:right} .one>div{wid
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
UI向けビジュアルデザインの基礎 by 矢野 りん [CSS Nite LP11] CSS Nite LP11の矢野さんのセッション「UI向けビジュアルデザインの基礎」のメモ的まとめ。twitterも合わせてチェック！ Webサイトは何次元デザイン？ 2D（点／線／面＞平面） 3D（面／奥行き／高さ＞空間） 4D（面／空間／時間＞モーション） ウェブの種類もいろいろ・デザインもいろいろ 変わらないもの 情報をわかりやすく整えること つまり、Webデザインとは 「人間に情報を伝えること」が最低条件 2Dデザインの基本セオリー 優位性・ヒエラルキーの法則 大きさ（大きいほど重要・重要な情報を絞り込む） コントラストの法則 大小・明暗・遠近（表現の差） 背景色と前景色の差 リズムの法則 情報を法則性を持って配置する 余白・サイズ・目安 構造の法則 モジュール グリッド ガイドライン 人間に情報を
はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く