HASAMI PORCELAIN
ORIGINAL HASAMI PORCELAINのベーシックライン。ブランド設立当初から同一の素材、直径モジュールでつくり重ねている。穏やかな表情と色彩。フォルムは直線と正円だけで構成され、シャープに。陶土と磁土をブレンドして生まれた半磁器のコレクション。 THE GREY COLLECTION グレーの磁器で構成したコレクション。外側はエッジまでグレーのシャープな素材感。内側は釉薬でコーティングし艶を帯びた滑らかな表情に。ブランド共通の直径モジュール設計と素地のマットな質感が、オリジナルコレクションとも調和し共存する。
脳に優しいデザインを！「Vertical Rhythm」の基本と実現方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ～っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか？さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう！ LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ
PORT
PORTは、港です。 ここにはいろいろな思いが集まってきます。 自分たちとみなさんの「ほしい」「こうあってほしい」…。 私たちはそんな思いをかたちにします。 そしてこの港からいろいろなものを世界に発信したい、と考えています。 The name of our company 'PORT' is exactly what it means. It is harbour where the will of the people gathers. We are here to bring our and clients' desires and wishes into shape. We hope to disseminate a wide variety of things from our harbour out into the world.
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」
TOP > WebDesign > ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」 究極なシンプルをテーマにデザインされるミニマルデザインサイト。要素が限られるだけに、バランスやどんな要素やグラフィックを取り入れるのかがとても重要になってくる、ある意味難しい種類のデザインでもあります。今回はそんなミニマルサイトをデザインする際に是非参考にしたいインスピレーション30「30 Beautiful Minimalist Web Designs」を紹介したいと思います。 （Alistair Lane） シンプルかつクオリティの高さを感じさせるデザイン事例30種がまとめられています。 詳しくは以下 ■Enso イラストと蛍光カラーのタイポグラフィの組合わせが、シンプルな中にも個性を感じさせるデザインとなっています。 ■
Notes | Hirofumi Abe
明滅のあと Traces of Flicker 2024.5.31 Fri – 6.3 Mon 12pm – 6pm CONTEXT-S SAPPORO 札幌市中央区南21条西8丁目2-10 2-10, Minami 21 Nishi 8, Chuo-ku, Sapporo tel. 011-512-5960 - CONTEXT-Sにて絵を発表し十年。 過去を遡りながら、今まで残してきた痕跡の文脈が見えるような展示になればと思っています。 - 不安定に明滅するわたくしという現象. 過ぎ去った後, 幽かな信号が痕跡として残る. 沈みゆく記憶を痕跡によって想起させ, 再び与えられる現在へそれを連れ戻す. 明滅の後, 残る痕跡. 失われたものは不在のまま現前し, 一体となって現在を織り成す. - 命が失われていく様子を目の当たりにする日々。 取り戻し得ないほどに失われたものが痕跡となり現在を形作
紙の材質を作る：ザラザラ紙・シワシワ紙: イラレ・レシピ 時々フォトショ
円を変形した形のハートや雫（しずく）を作りました。背景を考える時に、イラストレーターでの白やベージュの背景ではしっくりこず、色々試した結果、吹付け風のザラザラした紙っぽいものに落ち着きました。ハートや雫（しずく）などのオブジェクトは「透明」パレットの描画モードを「比較（暗）」にしています。 背景の質感を変えると、それに伴い全体のイメージを少し変えることもできます。例えば下の例はシワシワな紙を用いました。
福岡 デザイン事務所 y2（ワイツー）
recent works Kurimoto ganka Web Design Web Direction : y2 Photograph: Ushiro / Koji Maeda Dazaifutenmangu Web Design Web Direction : y2 Copy work: nicoedit (yoshiko asano) FUKUOKA BIRTH CLINIC Web Design Web Direction : y2 Editor: nicoedit (yoshiko asano) Photograph: Ushiro / Koji Maeda takaraya Web Design Web Direction : y2 Photograph: Ushiro / Koji Maeda Nijinowa clinic Web Design Web Direction
差がつくメニューアイコン 25個のCSSアニメーション (1/2)
随所に使用されているアニメーション 美しい建築写真が、存在感のあるタイポグラフィとともに目に飛び込んでくるサイト「Studio Songes（ステュディオ・ソンジュ：スタジオ夢）」。ダイナミックなページ全体の動きに加えて、ページの右上にある小さなメニューアイコンにもユニークな動きが取り入れられている。 メニューアイコンをマウスホバーすると、≡の3本のラインが整列し、クリックすると1本のラインに変化するギミック。CSSアニメーションを活用したサイトでは、こんな小さなメニューアイコンの動きにまでこだわるサイトが増えている。 今回は「Studio Songes」を参考に、CSSアニメーションを使ったメニューの開閉アイコンを作成する。アニメーション自体は小さな動きだが、メニューの開閉という大きな動作への導線でもある。覚えておくときっと役に立つはずだ。 STEP 1：アイコンの初期状態を作る メニュ
ウェブデザインをはじめるあなたへ - ウェブ雑記
ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare 色彩センスのいらない配色講座 色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベースカラー、メインカラー、アクセントカラーを決める上で便利。 ウェブサービスの企画とデザイン 僭越ながら明治学院大学で講義した時に作った資料。 なんとなくウェブサービスを作るときの流れとか感じてもらえたら幸いです。 かんたんキレイなウェブデザイン 僭越ながら勉強会 (UT Startup Gym) 用に作った資料。 なんとなく CSS フレームワーク、グリッドシステム、レスポンシブデザイン、ウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの素晴らしいアイデアが満載！2014年スタイルシートのテクニックのまとめ
関西エリアのおでかけ特集
ミネラルファンデーションのetvos（エトヴォス）ブログ
Avondale Type Co. - Fonts, Custom Typeface Design, The Best Typefaces
フラットUI
Tumblrで作られたスゴいWebサイト
http://case-mobile-design.com/smartphone_design_site10/
先端サイトに学ぶCSS3/jQueryアニメーションデザイン
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
